vue2 less 没有webpack.base.config.
时间: 2023-05-10 09:01:26 浏览: 151
vue2 less 没有 webpack.base.config 是因为在 Vue2 中,webpack 配置文件已经进行了相关的简化,结构更加清晰明了。Vue2 的 webpack 配置文件默认情况下会使用 `vue-loader` 插件和相关的 `loader` 处理样式文件。而对于 `less` 样式文件,只需安装 `less-loader` 插件并在 webpack 中进行配置即可。因此,不再需要 `webpack.base.config.js` 文件来进行 `less` 命令的处理。
当需要使用 less 预处理器时,可以在 `webpack.config.js` 文件的 `module` 配置中加入以下代码:
```javascript
module: {
rules: [
// ...其它规则
{
test: /\.less$/,
use: [
'vue-style-loader',
'css-loader',
'less-loader'
]
}
]
}
```
上述代码中,`test` 字段正则匹配 `.less` 文件,`use` 字段中的三个 `loader` 分别是 `less-loader`(将`less` 文件转换为 `css` 文件)、`css-loader`(将 `css` 文件注入到 `js` 中)、`vue-style-loader`(处理通过 `vue-loader` 加载的样式文件)。这样就可以使用 `less` 预处理器编写样式文件了。
阅读全文