给 node_modules
下的 antd
文件夹下的 .less
文件的 mixin
用法都加上括号就不报错了,但是我要每引入一个就加括号,这不太合理呀,我之前弄得也没有这个情况。
项目有 less
和 sass
两个预处理语言,我每引入一个组件就报几个错,这该怎么解决呀?
// less 版本
"less": "^4.0.0",
"less-loader": "7.2.1",
//// main.ts
import './styles/antdTheme.js'
// antdTheme.js
import Vue from "vue";
import {Button, message} from 'ant-design-vue'
[Button, message].forEach((item) => {
Vue.use(item);
});
Vue.prototype.$message = message
// babel.config.js
module.exports = {
presets: ["vca-jsx", "@vue/cli-plugin-babel/preset"],
plugins: [
[
"import",
{ libraryName: "ant-design-vue", libraryDirectory: "es", style: true }
]
]
};
// vue.config.js
const modifyVars = require("./src/styles/antdTheme.js");
css: {
loaderOptions: {
sass: {
prependData: `
@import '@/styles/variable.scss';
@import '@/styles/mixins.scss';
@import '@/styles/global.scss';
`
},
less: {
lessOptions: {
javascriptEnabled: true,
modifyVars
}
}
}
}
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…