1.webpack.config.js.patch

// 在 webpack.config.js 中通过 resolve.alias 
// 预定义“目标文件夹”的 shortcut

   module.exports = {
     filename: 'bundle.js',
     publicPath: 'http://localhost:1333/dist/'
   },
+  resolve:{
+    alias: {
+      JS_ROOT: path.resolve(__dirname, 'src/'),
+      CSS_ROOT: path.resolve(__dirname, 'css/'),
+      SCSS_ROOT: path.resolve(__dirname, 'scss/')
+    }
+  },
   module: {
     rules: [
       {

2.app.js.patch

// 在任意入口文件中，通过预定义的名称
// 快速定位目标依赖文件的位置

 import Vue from 'vue'
 import App from './App.vue'
-import css from '../../scss/main.scss'
+import css from 'SCSS_ROOT/main.scss'
 
 const app = new Vue({
   render: h => h(App)