有這樣一個場景，在組件庫中新增一個配置文件，后續只修改一下配置文件中的配置項就可以實現不同的需求，下面就讓我們I一起來實現吧。
（一）在在項目的根目錄（package.json所在目錄）中創建一個vue.config.js文件，創建一個static文件夾，並在該文件夾中創建一個config.js文件，文件結構目錄如下所示：
（二）在vue.config.js文件添加這樣的內容：
const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')
module.exports = {
// 將構建好的文件輸出到哪里
outputDir: './dist',
configureWebpack: {
plugins: [
// 需要用到拷貝文件的插件
new CopyWebpackPlugin([
{
from: path.resolve(__dirname, './static'),
to: '.',
ignore: ['.*']
}
])
]
}
}
（三）在config.js文件中添加類似這樣的內容：
module.exports = { NAME: '百度', URL: 'http://www.baidu.com' }
也就是說內容格式要符合json格式，該文件可以作為一些靈活的配置項管理，提供給其它文件使用。
（四）編譯后生成的組件庫目錄下會有config.js文件，效果如下圖所示：
我們看到了在dist目錄下有config.js文件了，其內容跟之前添加的一樣。
（五）說明：配置文件除了采用js文件，也可以采用json文件，類似於package.json文件。
module.
exports = {
// 將構建好的文件輸出到哪里
outputDir:
'./dist',
configureWebpack: {
plugins: [
// 需要用到拷貝文件的插件
new
CopyWebpackPlugin([
{
from:
path.
resolve(
__dirname,
'./static'),
to:
'.',
ignore: [
'.*']
}
])
]
}
}