-
遍历之后，我们发现生成了两个key，一个是files一个是options查看全部
-
我们既然可以从htmlWebpackPlugin上取到date，那么我们究竟可以从htmlWebpackPlugin上取到那些信息呢？ 我们可以对htmlWebpackPlugin进行遍历， 遍历输出他的key 在运行一下npm run webpack查看全部
-
我们既然可以从htmlWebpackPlugin上取到date，那么我们究竟可以从htmlWebpackPlugin上取到那些信息呢？查看全部
-
现在我们每生成一次打包脚本，都会生成一次index-[hash]的文件；这样我们总是搞不清楚是哪个； 那我们再把filename直接改成index；这样就能直接查看index更新以后的结果查看全部
-
我们查看一下生成出来的title和date结果查看全部
-
我们在body中对刚刚webpack中设置的date进行引用 <%= htmlWebpackPlugin.options.date %> 在运行一下npm run webpack查看全部
-
我们再向html模板中传一个参数，date查看全部
-
获取webpack的传参,title <%= htmlWebpackPlugin.options.title %> 在执行一次npm run webpack,我们发现title被更新了查看全部
-
设置模板参数，例如title查看全部
-
解析es6成浏览器可用的js语言所用的loader babel-loader babel-core bable-preset-latset查看全部
-
inject是指定脚本放在头部还是body中查看全部
-
我们也可以该模板文件定义名称filename，也可以绑hash查看全部
-
这时我们发现html文件已经生成在dist目录下了。 js也被打包到js目录下查看全部
-
那么我们就把path修改一下，改成我们希望生成的结果。 我们希望path直接指向'./dist'目录； 那么js文件呢,我们希望js文件他有个文件夹，这时候我们可以给filename增加一个相对路径，在文件名前加一个js/，这样的话就可以得到我们想要的效果了 我们在命令行在输入npm run webpack查看全部
-
我们会发现我们生成的所有的项目文件，都在项目的js目录下，这其实是不符合要求的； 通常index.html是在目录外的， 这是因为我们的插件在output下面的path属性中指定的就是'./dist/js' 我们可以看出当我们指向'./dist/js'，插件的目录也需要指向path查看全部
举报
0/150
提交
取消