create-react-app使用less

最新推荐文章于 2025-09-06 21:59:38 发布

转载最新推荐文章于 2025-09-06 21:59:38 发布 · 68 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/huangxingyuan/p/9708799.html

文章标签：

#webpack #javascript #ViewUI

本文详细介绍如何在Webpack中配置对LESS预处理器的支持。首先通过npm安装less和less-loader，然后在webpack.config.dev.js中修改配置，将less文件的加载规则加入到CSS加载规则中，实现LESS文件的正确解析。

第一步

npm i less less-loader --save-dev
npm run enject //显示出config文件夹（里面有webpack.config.dev.js）

第二步在
config/webpack.config.dev.js

 {
      test: /\.css$/,     在这里添加支持.less的加载读取
      use: [
          require.resolve('style-loader'),
         .....省略代码
}
添加代码后如下：
 {
      test: /\.css|less$/,  这里的变化
      use: [
         require.resolve('style-loader'),
          .....省略代码
}

转载于:https://www.cnblogs.com/huangxingyuan/p/9708799.html