Webpack不会将外部scss文件构建到css,也不会将它们包含到应用程序中。在开发模式中,everythink是可以的,scss文件包含并且正在工作。问题在于生产构建。
我正在使用此webpack配置:https://github.com/vuejs-templates/webpack
文件夹结构:
├── index.html
├── main.js
├── App.vue
├── scss
│ ├── main.scss
│ └── ...
我在scss
中导入App.vue
:
@import './scss/main.scss';
在webpack.prod.conf
:
module: {
rules: utils.styleLoaders({
sourceMap: config.build.productionSourceMap,
extract: true,
usePostCSS: true
})
},