create-react-app 2.1.8 版本中添加less

create-react-app 最新版本安裝less

1.暴露webpack配置文件 react

npm run eject
yarn run eject
複製代碼
2. 安裝 less less-lorder
npm install less less-loader
yarn add less less-loader
複製代碼
3.找到config文件夾中的webpack.config.js配置文件

添加相應less規則 複製上面的規格改爲less就好

{
              test: lessRegex,
              exclude: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                },
                'less-loader'
              ),
              sideEffects: true,
            },
            {
              test: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                  modules: true,
                  getLocalIdent: getCSSModuleLocalIdent,
                },
                'less-loader'
              ),
        }
複製代碼

將這段代碼添加到module中的rules數組裏就OK了webpack

相關文章
相關標籤/搜索