版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ChibiMarukoChan/article/details/83243182
主要是用muse ui引入一些css报错,提示缺少less-loader
vue-cli 构建的项目默认是不支持 less 的,需要手动添加。
进入项目目录下的node_modules这个文件,安装运行如下命令
npm install less less-loader --save-dev
然后在build/webpack.base.conf.js中添加
module: {
rules: [
...(config.dev.useEslint ? [createLintingRule()] : []),
{
//已有的其他内容
},
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
}
]
},
然后在页面中写入形如下面的代码就可以识别啦
<style lang="less">
.demo-text {
padding: 16px;
background: #fff;
p {
margin: 8px 0;
}
}
</style>