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
Css Style Css Style
开启 Sass (默认禁用) webpack.config.js // ${app_root}/webpack.config.js module.exports = { module:{ rules:[ {
2020-04-18 sky
Next 
开发调试 开发调试
当我们使用 easywebpack 时, 遇到构建问题时,我们可以通过 easywebpack-cli 的  easy print 命令检查一下生成的 webpack config 配置是否正确。默认读取项目根目录下的 webpack.config.js 配置, 你可以通过 -f  参数指定指...
2020-04-18 sky