Vue组件读取⾃定义配置⽂件
  有这样⼀个场景,在组件库中新增⼀个配置⽂件,后续只修改⼀下配置⽂件中的配置项就可以实现不同的需求,下⾯就让我们I⼀起来实现吧。
  (⼀)在在项⽬的根⽬录(package.json所在⽬录)中创建⼀个fig.js⽂件,创建⼀个static⽂件夹,并在该⽂件夹中创建⼀个config.js⽂件,⽂件结构⽬录如下所⽰:
  (⼆)在fig.js⽂件添加这样的内容
const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')
英雄联盟ID
// 将构建好的⽂件输出到哪⾥
outputDir: './dist',
configureWebpack: {
plugins: [
郑元畅林依晨隐婚三年// 需要⽤到拷贝⽂件的插件
new CopyWebpackPlugin([
{
from: solve(__dirname, './static'),
to: '.',
ignore: ['.*']
}
])
]
}
}
  (三)在config.js⽂件中添加类似这样的内容:
NAME: '百度',
URL: 'www.baidu'
}
  也就是说内容格式要符合json格式,该⽂件可以作为⼀些灵活的配置项管理,提供给其它⽂件使⽤。
  (四)编译后⽣成的组件库⽬录下会有config.js⽂件,效果如下图所⽰:
  我们看到了在dist⽬录下有config.js⽂件了,其内容跟之前添加的⼀样。
读取配置文件失败  (五)说明:配置⽂件除了采⽤js⽂件,也可以采⽤json⽂件,类似于package.json⽂件。
紧张的近义词是什么
/
/ 将构建好的⽂件输出到哪⾥
outputDir:'./dist',
configureWebpack: {
plugins: [
倪妮井柏然
// 需要⽤到拷贝⽂件的插件
黑暗荣耀第二季剧情解析new CopyWebpackPlugin([
{
solve(__dirname, './static'),
to:'.',
ignore: ['.*']
}
]
)
]    } }