vue.config.js添加路徑別名

　　在組件庫中添加配置文件后其它文件需要引用它，此時想到利用路徑的別名比較方便，相當於縮寫了，請看下面的添加過程：

　　（一）在vue.config.js文件中添加的內容如粗體字體所示：

const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')

function resolve (dir) {
    return path.join(__dirname, '.', dir) // 這里采用一個點，因為vue.config.js文件和package.json文件都在同一個目錄下，即根目錄下
}

module.exports = {
    // 將構建好的文件輸出到哪里
    outputDir: './dist',
    configureWebpack: {
        resolve: {
            alias: {
              '@@': resolve('static') // 這里采用兩個@符號來代替路徑的別名，因為一個@符號已經默認被設置src的路徑了，為了不影響原有的功能，這里采用兩個@字符
            }
        },
        plugins: [
            // 需要用到拷貝文件的插件
            new CopyWebpackPlugin([
                {
                  from: path.resolve(__dirname, './static'),
                  to: '.',
                  ignore: ['.*']
                }
              ])
        ]
    }
}

　　編譯正常。

　　（二）編譯過程中若出現“These dependencies were not found:”之類的問題，那就是路徑不正確，需要檢查一下代碼目錄結構。