easywepack4

easywebpack4 默认提供 /\.module\.(css|less|scss|stylus)/ 的文件规范的 CSS Module 特性,把 css module 的样式文件改成 /\.module\.(css|less|scss|stylus)/ 规范,这样就无需额外配置,从而同时支持 CSS Module 和 普通样式文件。

easywebpack3

config.cssModule : 非必需,{boolean,object} 开启 css module 特效, easywebpack3 和 easywebpack 4 都支持

  • css module 特性与普通 css 的loader 配置是冲突, 所以如果部分开启css module, 必须指定配置需要 css module 的样式文件.
module.exports = {
  cssModule: {
    include: 'app/web/page/css/module'
  }
}
  • 如果全站都使用 css module 特性, 可以这样配置
module.exports = {
  cssModule: true
}

Author: sky
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint polocy. If reproduced, please indicate source sky !
 Previous
全局常量 全局常量
easywebpack 内置全局常量easywebpack 通过 webpack.DefinePlugin webpack 插件内置了如下全局常量, 方便业务使用。process.env.NODE_ENV首先会获取用户 process.env.NODE_ENV 值, 如果获取不到,当构建 pr...
2019-10-20 sky
Next 
devServer devServer
开发服务    easywebpack 整个体系提供的开发构建服务是基于 koa 实现的,用于支持各种类型项目(服务端渲染,前端渲染,静态页面,本地内存编译等),实现了 内存编译,热更新,发布编译,代理,historyApiFallback等功能,其中代理和historyApiFallback...
2019-10-20 sky