m-cli-d v1.0.0

webpack

CSS

添加 style-loader css-loader 两个loader

依赖

Loader

• style-loader
• css-loader

文件

添加 file-loader 处理文件，图片等资源

依赖

loader

• file-loader

合乎逻辑下一步是，压缩和优化你的图像。查看 image-webpack-loader 和 url-loader，以了解更多关于如果增强加载处理图像功能。

Plugins

• DefinePlugin

  DefinePlugin 允许创建一个在编译时可以配置的全局常量。这可能会对开发模式和生产模式的构建允许不同的行为非常有用。如果在开发构建中，而不在发布构建中执行日志记录，则可以使用全局常量来决定是否记录日志。这就是 DefinePlugin 的用处，设置它，就可以忘记开发环境和生产环境构建的规则。

  new webpack.DefinePlugin({
    // Definitions...
  });

• SplitChunksPlugin

  移除重复模块。

package.json 配置

• "sideEffects": false //可以安全地删除未用到的 export

注意