我正在尝试使用Material-Components-vue和 vue-cli 使用 webpack 创建一个简单的 Web 应用程序,但是,我发现如果没有node_modules前面的~.
我尝试了几个 webpack/vue-cli 配置,最终得到了传递加载器选项的配置vue.config.js。
我的vue.config.js看起来像这样:
module.exports = {
css: {
loaderOptions: {
sass: {
includePaths: [
'./node_modules', //here I include node_modules
]
},
}
}
}
Run Code Online (Sandbox Code Playgroud)
所以我希望能够导入这样的东西:
@import 'normalize/normalize'
Run Code Online (Sandbox Code Playgroud)
(假设我有一个名为normalizemy 的目录node_modules,其中包含一个文件normalize.scss)
但是,webpack 会抛出错误,表示找不到该模块。
但是,这确实有效:
@import '~normalize/normalize'
Run Code Online (Sandbox Code Playgroud)
如果所有 s 都是我写的,这不会有问题@import,但因为我使用的第三方模块@import里面有 s,所以 webpack 无法编译。
正如@Styx要求的那样
请分享更多配置
和
显示 vuespect --rule scss 的输出,以及带有此问题导入的整个文件
这里是: …