webpack HtmlWebpackPlugin配置问题
一直都没遇到问题,今天写了个测试,居然没加载成功。
异常配置代码
new HtmlWebpackPlugin({
filename: 'views/index.html',
template: 'views/index.html',
inject: true
})
正常配置代码
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
inject: true
})
entry: {
app: './src/main.js'
},
output: {
path: config.build.assetsRoot,
publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath,
filename: '[name].js'
},
运行结果
正常的时候好像应该是这样的
Listening at http://localhost:8080
webpack: wait until bundle finished: /index.html
webpack built 9b6438af052f24a2c3a0 in 4473ms
Hash: 9b6438af052f24a2c3a0
Version: webpack 1.14.0
Time: 4473ms
Asset Size Chunks Chunk Names
app.js 953 kB 0 [emitted] app
index.html 246 bytes [emitted]
Child html-webpack-plugin for "index.html":
Asset Size Chunks Chunk Names
index.html 1.47 MB 0
webpack: bundle is now VALID.
调整了路径配置后(publicPath已经相应的添加了路径views)
webpack built 354b19f27f61fbb7d197 in 4861ms
Hash: 354b19f27f61fbb7d197
Version: webpack 1.14.0
Time: 4861ms
Asset Size Chunks Chunk Names
app.js 953 kB 0 [emitted] app
views/index.html 311 bytes [emitted]
Child html-webpack-plugin for "views\index.html":
Asset Size Chunks Chunk Names
views/index.html 1.47 MB 0
webpack: bundle is now VALID.
好像少了以下代码
webpack: wait until bundle finished: /index.html
js没正常加载到页面上
正常
// 这里正常加载
异常
// 没有加载
是不是哪里配置漏了,暂时想不到,也找不到
重新写了两个初始化的例子,build的结果如下:
Hash: ca6121b736dd84d8f6c9
Version: webpack 1.14.0
Time: 19063ms
Asset Size Chunks Chunk Names
static/js/manifest.6b8f4ff2224c30a1680d.js 837 bytes 0 [emitted] manifest
static/js/app.4689b4ea460c30340b45.js 11.9 kB 1, 0 [emitted] app
static/js/vendor.a1a911e0bd6f8c1d5c30.js 74.3 kB 2, 0 [emitted] vendor
static/css/app.0a69bf893990584369fe1c1af522134d.css 431 bytes 1, 0 [emitted] app
static/js/manifest.6b8f4ff2224c30a1680d.js.map 8.87 kB 0 [emitted] manifest
static/js/app.4689b4ea460c30340b45.js.map 35.7 kB 1, 0 [emitted] app
static/css/app.0a69bf893990584369fe1c1af522134d.css.map 946 bytes 1, 0 [emitted] app
static/js/vendor.a1a911e0bd6f8c1d5c30.js.map 604 kB 2, 0 [emitted] vendor
index.html 530 bytes [emitted]
Hash: d9cf003a358d1c6e6a5b
Version: webpack 1.14.0
Time: 4870ms
Asset Size Chunks Chunk Names
static/js/manifest.08aea06a0c8c5457e359.js 832 bytes 0 [emitted] manifest
static/js/app.20b2a3d9b82545fc7076.js 11.9 kB 1, 0 [emitted] app
static/js/vendor.a1a911e0bd6f8c1d5c30.js 74.3 kB 2, 0 [emitted] vendor
static/css/app.b6f6a92bed9f6de0c31cb64060bd1417.css 431 bytes 1, 0 [emitted] app
static/js/manifest.08aea06a0c8c5457e359.js.map 8.86 kB 0 [emitted] manifest
static/js/app.20b2a3d9b82545fc7076.js.map 35.7 kB 1, 0 [emitted] app
static/css/app.b6f6a92bed9f6de0c31cb64060bd1417.css.map 946 bytes 1, 0 [emitted] app
static/js/vendor.a1a911e0bd6f8c1d5c30.js.map 604 kB 2, 0 [emitted] vendor
index.html 441 bytes [emitted]
相关阅读:
请问这四种方式都是全排列吗,排列输出的顺序也不一样,它们的思路都是怎样的呢,有什么区别吗?
看日志用什么工具最爽
php正则怎么获取函数民
上百台的centos集群之间有没有简单的方法配置ssh免密码登录?
asp.net core restful风格的认证过滤怎么定制?
iOS弱网外部js加载问题
使用video标签在ios中播放视频有图像没声音
请教下现在的前端开发对于兼容性都是怎么测试的?
谷歌控制台报错
如何实现类似简书/知乎专栏那样header元素鼠标向下滚动的时候隐藏,向上滚动的时候又显示回来?
输入的关键字服务器中没找到相应的产品,php就给返回个undefind,怎么解决才能让关键字找不到的时候php不返回任何东西?
Vue事件问题
vue-router2.0全局钩子router.beforeEach问题
element-ui 中carousel 走马灯组件 后台传值不显示
es6通过babel转码之后,还需要使用webpack才可以使用import关键字吗
如何搭建一个舒服的前端工程
video兼容ie8吗?
web端读取IC卡信息
wordpress插件页面无法显示?(主题页也显示不出来)
js如何在滑动加载的时候限定滑动的加载次数