-
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
提交
取消