美文网首页个人收藏
create-react-app配置less

create-react-app配置less

作者: 前端小菜鸟_简单 | 来源:发表于2019-04-21 12:46 被阅读12次

    1.先解析 webpack npm run eject

    微信图片_20190421123643.png

    2.安装less

    安装less npm install less less-loader --save
    

    3.配置webpack.config.js

    // 找到 34行
    const cssRegex = /\.css$/;
    const cssModuleRegex = /\.module\.css$/;
    改成
    const cssRegex = /\.(css|less)$/;
    const cssModuleRegex = /\.module\.(css|less)$/;
    
    //最后找到
      {
              test: cssRegex,
                  exclude: cssModuleRegex,
                  use: getStyleLoaders(
                    {
                      importLoaders: 1,
                      sourceMap: isEnvProduction && shouldUseSourceMap
                    },
            // 在这里加上
                    'less-loader'
                  ),
    }
    

    基本上就配置好了
    最后重新启动项目下 npm start


    image.png
    image.png

    最后希望能帮助更多的人,看完别忘给个点赞哟!!!

    相关文章

      网友评论

        本文标题:create-react-app配置less

        本文链接:https://www.haomeiwen.com/subject/legdgqtx.html