Vuejs - 如何在生产中使用webpack构建外部scss

时间:2018-02-27 10:42:13

标签: javascript css webpack vue.js sass

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 }) },

0 个答案:

没有答案