当前位置: 首页 > 工具软件 > css.js > 使用案例 >

vue-cli3项目css.modules改为css.requireModuleExtension后样式失效

梁楷
2023-12-01

此为记录样式失效修改位置

原因,原来vue.config.js中配置的css.modules过时了,改为css.requireModuleExtension后样式失效

将false改为true

原来的代码

css: {
    // 是否使用css分离插件 ExtractTextPlugin
    extract: true,
    // 开启 CSS source maps?
    sourceMap: false,
    // css预设器配置项
    loaderOptions: {},
    // 启用 CSS modules for all css / pre-processor files.
    modules: false
  },

修改后代码

css: {
    // 是否使用css分离插件 ExtractTextPlugin
    extract: true,
    // 开启 CSS source maps?
    sourceMap: false,
    // css预设器配置项
    loaderOptions: {},
    // 启用 CSS modules for all css / pre-processor files.
    requireModuleExtension: true
  },

 

 类似资料: