-
context 上下文参数，即是我们运行脚本所在的目录，我们一般在自建项目的根目录运行脚本，所以上下文自然是项目的根目录啦查看全部
-
webpack 命令既要安装全局，也建议在当前目录安装一个局部的查看全部
-
使用html-webpack-plugin 插件来解决package.jason 的出口文件名用占位符自动生成的js打包文件名（[trunkhash]） 每一次都不一样的问题查看全部
-
在package.jason 里面自定义命令后 在命令行： npm run 命令 ， 本例子中是npm run webpack ， 它就等同于 webpack --config webpack.config.js --progress --display-modules --display-reasons查看全部
-
webpack.congfig.js 这样写就不用加上--config 参数了，会默认直接读取查看全部
-
1 npm init 2 npm install webpack --save-dev 3 建立相关文件夹 如src , img查看全部
-
学习了： npm 安装webpack require() 在一个文件中引用另一个文件 webpack 引用js 型文件可以直接用，css 型需要 2个loader css-loader 主要用于解释css 类型文件 ， style-loader 则是将解释后的css作为style标签插入到html 的head 里面去 webpack 的常用参数：--watch 实时更新，自动打包 --dispaly-modules 展示用了乃些模块 --display-reasons 使用模块的原因查看全部
-
--watch 参数，就不要在每次改动代码后重新打包了查看全部
-
webpack hello.js hello.bundle.js --module-bind "css=style-loader!css-loader"查看全部
-
如果每次都在require() 里面写上什么类型由什么loader 处理太麻烦，可以利用webpack 的module-bind 参数绑定，这样下次遇到相同类型的文件就会自动用对应loader 处理了查看全部
-
css-loader 让webpack 可以处理css 类型文件， 而style-loader 则是将处理后的css文件插入到我们的html 文件的head 里面（以style 标签的形式）查看全部
-
style-loader!css-loader!查看全部
-
css-loader 和 style-loader可以不在引用css文件的时候加入，在命令行打包文件时 在后面加上 --module-bind 'css=style-loader!css-loader!' 这里顺序不能乱查看全部
-
选择添加js引用 <script type="text/javascript"> <%= compilation.assets[htmlWebpackPlugin.files.chunks.main.entry.substr(htmlWebpackPlugin.files.publicPath.length)].source() %> </script> <% for(var k in htmlWebpackPlugin.files.chunks) { %> <% if (k !== 'main') { %> <script type="text/javascript" src="<%= htmlWebpackPlugin.files.chunks[k].entry %>"></script> <% } %> <% } %>查看全部
-
学习查看全部
举报
0/150
提交
取消