-
--display-modules
顯示打包的模塊
同時顯示了通過什么loader處理的文件：./~/css-loader!./style.css? 就像require('css-loader!./style.css')
查看全部 -
--progress 可以看到打包過程的進度條 54% 3/4 build modules
查看全部 -
不用對每個引入的css文件添加loader：require('style-loader!css-loader!<cssfile>')，而是直接引用文件 require(<cssfile>)
在命令行綁定loader，使用--module-bind 'css=style-css!css-loader!'
查看全部 -
require('style-loader!css-loader!./style.css')
css-loader? ? 幫助webpack處理css文件
style-loader 在html的head中創建一個style標簽，將css-loader處理后的文件插入
當html引入打包后的文件(hello.bundle.js)，代碼執行，然后寫的css style被插入到head標簽中（先運行打包js才能插入css）
查看全部 -
在html調用對應的js
查看全部 -
webpack4.2可以注入div的代碼。
webpack4貌似過濾了使用dom.innerHtml這個方法來注入標簽。如果想要完成老師的實驗可以按照我說的做。
首先npm i jquery，安裝jquery。
然后app.js文件里邊，像這樣寫
import?'./css/common.css'; import?layer?from?'./components/layer/layer'; import?$?from?'jquery'; const?App?=?function()?{ ????let?$dom?=?$('#app'); ????let?ly?=?layer(); ????$dom.html(ly.tpl); } new?App();然后運行webpack，就可以插入div了。大家可以試試看
查看全部 -
這一節的那個importLoaders: 1
不是很懂.看了一下文檔，指的是css-loader處理之前，需要幾個loader來處理
查看全部 -
url路徑和base64的差異： url能夠緩存 base64的值一旦生成，其他地方用到時也會用該值，會造成冗余。查看全部
-
當文件或圖片小于限定的大小時，url-loader 會將URL轉為base64位的格式，不在是url地址了。查看全部
-
url-loader,當文件或圖片的大小于限定的大小時，將交于file-loader處理。查看全部
-
輸出文件大小的優化， module.loaders include 和 exclude查看全部
-
webpack升級到4了，如果執行webpack hello.js hello.bundle.js會報錯，說 ``` The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. ``` 如果要在webpack4 解決這個問題，使用npm install webpack-cli命令 然后使用 ./node_modules/.bin/webpack-cli hello.js -o hello.bundle.js 就可以完成本課這里的這個內容 但是這樣的hello.bundle.js是production模式的，如果需要像視頻中這樣顯示漂亮可讀的js ./node_modules/.bin/webpack-cli hello.js -o hello.bundle.js --mode development 執行上邊的這個命令就可以了查看全部
-
pluguin下配置，1，生成html的名稱構成，2，生成的模板html的路徑查看全部
-
loader的定義和loader的特性查看全部
舉報
0/150
提交
取消