1、找到/build/webpack.dev.conf.js新增配置,运行项目用到
```js
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
node_env_dev: true, // 新增配置
inject: true,
favicon: path.resolve('./static/favicon.ico')
}),
```
2、找到/build/webpack.prod.conf.js新增配置,打包项目用到
```js
new HtmlWebpackPlugin({
filename: config.build.index,
template: 'index.html',
inject: true,
node_env_prod: true, // 新增配置
version_time: new Date().getTime(), // 配置打包后config.js文件,加时间戳
...
}),
new CopyWebpackPlugin([
{
from: path.resolve(__dirname, '../static'),
to: config.build.assetsSubDirectory,
ignore: ['.*','config.js'] // 忽略掉 config.js 文件的复制
},
// 复制配置文件到根路径下
{
from: path.join(__dirname,'../static/config.js')
}
])
```
3、找到需要配置的页面index.html
//判断运行配置文件的引用路径,使打包后正常引用。
```?v=<%=htmlWebpackPlugin.options.version_time%>``` 对引入文件加时间戳
```html
<% if ( htmlWebpackPlugin.options.node_env_prod ) { %>
<% } %>
<% if ( htmlWebpackPlugin.options.node_env_dev ) { %>
<% } %>
```
以上是编程学习网小编为您介绍的“vuejs实现全站可配置”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:vuejs实现全站可配置


基础教程推荐
猜你喜欢
- c# – 如何获取正在运行的HTML Windows 8应用程序(不是WWHOST)的名称 2023-10-25
- 基于HTML5+CSS3实现简单的时钟效果 2022-09-16
- php-如何将MySql DATETIME结果放入类型为datetime-local的HTML输入中 2023-10-26
- linux – 如何在WHM / cPanel符号链接中创建〜/ public_html 2023-10-27
- css3带你实现3D转换效果 2024-02-06
- vue前端防止按钮在短时间内多次点击 2023-10-08
- 01 前端初识(http+html部分) 2023-10-27
- vue解决弹出蒙层滑动穿透问题的方法 2024-02-04
- php输出从mysql到html表 2023-10-26
- linux – 使用wget和grep下载HTML页面并按关键字过滤 2023-10-25