-
这个时候模板文件就不再需要script去指定路径了查看全部
-
如果是js下面的index.html和我们根目录的html文件进行关联呢？或者说以根目录下的index.html为模板来生成index.html呢？ 其实我们可以给插件传参，传一个模板，把模板设为我们根目录下的index.html, 我们在运行一遍npm run webpack 我们发现js下的html文件里面已经生成了两个script标签，引入了文件查看全部
-
我们发现插件已经生效了 我们打开js下面的index.html文件，发现它已经对生成的js文件进行了引用 我们已经把生成的js文件关联上了，但是仅做到这一步是不够的，往往自定义的程度更大； 而且在我们的项目目录下，有一个我们定义好的index.html文件， 而我们插件建立起的html和我们生成的html之间没有生成任何的联系查看全部
-
webpack-plugin的配置 我们在命令行中重新运行一下 npm run webpack查看全部
-
webpack-plugin插件的使用 如果我们想在项目使用webpack-plugin，只需要增加一个属性plugins 然后进行插件的初始化查看全部
-
安装好webpack-plugin之后，我们在webpack.config.js中建立对这个插件的引用查看全部
-
我们借用webpack的插件来解决，这个插件叫做webpack-plugin 先使用npm安装 npm install html-webpack-plugin --save-dev查看全部
-
第三章： 现在我们的目录下面，已经有了一个index.html 但是我们引入的是bundle.js，而我们生成的js名称是带hash值的不确定的js查看全部
-
动态引用js文件查看全部
-
webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' --watch css文件打包 自动监听更新查看全部
-
css-loader!查看全部
-
我修改一下a.js，在运行一下npm run webpack,我们发现两次打包的hsah值不一致了 但是只有我们修改过后的hash值是不一致的 之前没有改过的main的hash还是一致的 这个特点在项目中，对静态资源版本号的管理是非常有用的，平时我们在项目上线的过程中，我们正好需要只上线那些被我们改过的文件查看全部
-
这时候，文件后面的hash都不一样了，我可以理解为文件的版本号或者MD5值，就是指文件的唯一性查看全部
-
这时候我们把hash换成chunkhash， 在运行一次npm run hash查看全部
-
这个时候我们发现，文件名的生成基本上符合我们的预期，是由文件名加hash值组成查看全部
举报
0/150
提交
取消