create-react-app里添加less
发布时间:2020-12-15 20:34:36 所属栏目:百科 来源:网络整理
导读:如何在 create-react-app 创建的项目下配置less,其实很简单,只是create-react-app创建的项目没有暴露webpack相关配置,所以需要暴露出webpack相关配置,具体操作如下: 一、暴露webpack,安装lessless-loader依赖 在 create-react-app 创建的项目下是不支
如何在 一、暴露webpack,安装lessless-loader依赖在 关于less的需要找到两个文件 可是, npm run eject
安装less相关依赖 npm install less less-loader --save-dev
二、修改webpack文件配置1、修改 // 在module中做了三处修改 // 第一处是找到 `test: /.css$/` 将其改为 `test: /.(css|less)$/` // 第二处是增加 `less-loader`的配置 // 第三处是在exclude属性中增加 `/.(css|less)$/` // 具体修改如下 module: { ... { // test: /.css$/ 第一处 test: /.(css|less)$/,use: [ require.resolve(‘style-loader‘),... // 第二处 { loader: require.resolve(‘less-loader‘) } ] },{ exclude: [ /.(js|jsx|mjs)$/,/.html$/,/.json$/,// 第三处 /.(css|less)$/,] } }
2、修改 操作和 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |