Advertisement

Webpack中生产环境的基本配置及HMR的应用

阅读量：

在正式进入文章内容之前，有必要先向读者介绍一个关键概念，即loader的加载顺序遵循自下而上的原则，依次进行加载。

定义nodejs的环境变量，决定使用browserslist的哪个环境

复制代码 
    process.env.NODE_ENV = 'production';

loader复用优化策略

首先明确需要进行复用操作的loader模块。

复制代码 
    const commonCssLoader = [
      MiniCssExtractPlugin.loader,
      'css-loader',
      {
    // 还需要再package.json中定义browserslist
    loader: 'postcss-loader',
    options: {
      ident: 'postcss',
      plugins: () => [require('postcss-preset-env')()]
    }
      }
    ]

在实

全部评论 (0)

还没有任何评论哟~

相关文章推荐