在vue项目中使用Muse-UI按需引入报错
错误描述
已经安装了less和less-loader
webpack配置
const museUiThemePath = path.join(__dirname, 'node_modules', 'muse-ui', 'src/styles/themes/variables/default.less')
……
{
test: /muse-ui.src.*?js$/,
loader: 'babel-loader'
},
{
test: /\.vue$/,
use: {
loader: 'vue-loader',
options: {
extractCSS: process.env.NODE_ENV === 'production',
loaders: {
sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax=1',
scss: 'vue-style-loader!css-loader!sass-loader',
less: [
'vue-style-loader',
'css-loader',
{
loader: 'less-loader',
options: {
globalVars: {
museUiTheme: `'${museUiThemePath}'`,
}
}
}
]
}
}
}
},
……
resolve: {
alias: {
'@': path.join(__dirname, '../src/renderer'),
'vue$': 'vue/dist/vue.esm.js',
'muse-components': 'muse-ui/src'
},
extensions: ['.js', '.vue', '.json', '.css', '.node']
},
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
还有自己添加一个,webpack不熟悉哈哈
.css 文件loader也要配置啊。