-
命令行工具查看全部
-
命令行指定loader查看全部
-
win系统下 有些地方要输入双引号,查看webpack帮助信息后面要加 -g查看全部
-
我们在对性能进行一下优化,如何将初始化的脚本直接嵌入到页面,而不是以链接的形式; 首先我们希望将哪个js引入进来放在头部,我们先建立一个script标签, 使用compilation.assets这时候我们就可以取到它里面的内容 官方案例:https://github.com/ampedandwired/html-webpack-plugin/blob/master/examples/inline/template.jade查看全部
-
excludeChunks是指除了那些chunk被排除之外,其他的chunk都会被加载进来。查看全部
-
chunks表示仅仅引入对当前html有用的chunks 并且把inject属性打开,将其注入到body标签里面 npm run webpack查看全部
-
我们指定entry可以传入多个值,从而生成多页面应用; plugins的值它实际上是一个数组,如果我们想出了当前的页面之外=再生成一个html,我只需要在下面在调用一次这个插件就可以了 在运行一次npm run webpack查看全部
-
对html代码进行压缩,我们增加一个minify属性, removeComments表示删除注释; collapseWhitespace删除空格 我们在运行一次npm run webpack 发现注释和空格都没有了,代码被压缩了 地址:https://github.com/kangax/html-minifier#option-quick-reference查看全部
-
这个我们查看,发现所有的js引用全部替换为线上地址http://cdn.com/开头的了查看全部
-
在贴近真实一些,我们打包以后要上线,上线以后的路径和我们本地的相对路径肯定是不一样的。 这时候我们需要借助output的一个新的属性,publicPath; publicPath和path的区别,path是指我们输出的时候就会起作用,publicPath可以理解为一个占位符;当你设置他的时候,你需要上线,如果你对这个值进行设置,比如说是http:cdn.com/,这时候你在html文件中所引用的js的路径就会被替换为绝对地址以http:cdn.com/开头的路劲 npm run webpack查看全部
-
我们就可以看到自动插入进来的head和body的script标签了查看全部
-
我们发现head里面生成了两个,是因为webpack.config.js中,inject值设为了head 我们需要把inject改为false 我们在运行一次npm run webpack查看全部
-
我们将打包后的文件,一部分放到head标签中,一部分放到body标签中 我们在运行一次npm run webpack查看全部
-
htmlWebpackPlugin插件的详细解释查看全部
-
然后我们分别对两个key进行遍历, 并且使用JSON.string将它字符串化 在运行一下npm run webpack查看全部
举报
0/150
提交
取消