vue-cli3.0 vue.config.js 配置 less 全局变量
愚蠢的问题想在vue.config.js配置less全局变量,然后就创建了一个vue.com fig.js。死活搞不好。面向百度了大半天。冷静下来才发现名字起错了。最后实现1.安装yarn add style-resources-loader vue-cli-plugin-style-resources-loader -D2.配置//文件:vue.config.js/** @Author: Gav
·
愚蠢的问题
想在vue.config.js配置less全局变量,然后就创建了一个vue.com fig.js。死活搞不好。
面向百度了大半天。冷静下来才发现名字起错了。
最后实现
1.安装
yarn add style-resources-loader vue-cli-plugin-style-resources-loader -D
2.配置
//文件:vue.config.js
/*
* @Author: Gavin
* @Date: 2020-05-18 13:53:17
* @LastEditors: Gavin itxuelei@gmail.com
* @LastEditTime: 2020-05-18 17:19:35
* @Description:
*/
const fs = require('fs');
const path = require('path');
module.exports = {
pluginOptions: {
"style-resources-loader": {
preProcessor: "less",
patterns: [
//这个是加上自己的路径,
//注意:试过不能使用别名路径
path.resolve(__dirname, "./src/assets/css/base.less")
]
}
}
};
//---------------scss ---------
module.exports = {
css: {
loaderOptions: {
sass: {
// @是src的别名
data: `
@import "@/assets/variable.scss";
`
}
}
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)