将.vue中的style打包后单独分离成css文件

Author: labnize

build/webpack.dist.config.js

@@ -40,10 +40,15 @@ const webpackConfig = {
         loader: 'vue-loader',
         options: {
           extractCSS: true, // 单独使用.scss
-          loaders: {
-            scss: 'vue-style-loader!css-loader!sass-loader', // <style lang="scss">
-            sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax' // <style lang="sass">
-          }
+          use: extractSass.extract({
+            use: [{
+              loader: 'css-loader'
+            }, {
+              loader: 'sass-loader'
+            }],
+            // 在开发环境使用 style-loader
+            fallback: 'style-loader'
+          })
         }
       },
       {

src/components/layout.vue

@@ -116,6 +116,9 @@
 
   .el-aside {
     background-color: #383a4b;
+    .el-menu{
+      border-right: 0;
+    }
   }
 
   .el-main {