Vue组件库读取自定义配置文件
Vue组件库读取⾃定义配置⽂件
  有这样⼀个场景，在组件库中新增⼀个配置⽂件，后续只修改⼀下配置⽂件中的配置项就可以实现不同的需求，下⾯就让我们I⼀起来实现吧。
  （⼀）在在项⽬的根⽬录（package.json所在⽬录）中创建⼀个fig.js⽂件，创建⼀个static⽂件夹，并在该⽂件夹中创建⼀个config.js⽂件，⽂件结构⽬录如下所⽰：
  （⼆）在fig.js⽂件添加这样的内容：
const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')
// 将构建好的⽂件输出到哪⾥
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: ['.*']
}
]
)
]    } }
>情人节祝福语

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。