vue-cli3 less全局变量
首先运行以下命令:
vue add style-resources-loader
安装成功后,会在vue.config.js中生成以下代码:
const path = require("path");//这一段需要自行添加
module.exports = {
pluginOptions: {
'style-resources-loader': {
preProcessor: 'less',
patterns: [
path.resolve(__dirname, "src/style/global.less")//需要自行添加
]
}
}
}
使用
<style lang="less" scoped>
@import '~@/assets/styles/varibles.less'; //全局变量存放的文件(要加~)
</style>