One Getting Started
對于import和export,webpack2.0已經(jīng)支持,會自動自持轉(zhuǎn)換,所以對這兩個命令,不需要額外的es6 babel編譯器的支持,但是對于其它的命令,則需要另外安裝依賴包。
webpack有自己的cli可執(zhí)行命令:
最原始的命令是:./node_modules/.bin/webpack src/index.js dist/bundle.js
增加了webpack.config.js的命令是 :./node_modules/.bin/webpack --config webpack.config.js
修改了package.json后的命令是:npm run build
【擴展】
npm --save-dev的區(qū)別
https://www.cnblogs.com/hollen/p/5956012.html
npm init -y 跳過詢問,直接生成package.json
遇到的問題:
entry路徑寫錯
console面板報錯信息:Can't resolve 'src/index.js' in 'D:\webpack\webpack-demo'
entry路徑錯誤
entry路徑正確
Two asset management
webpack的加載器有css,文件(圖片,字體),數(shù)據(jù)。再使用前,必須先npm install一下相應的包,再在webpack.config,js中的module中引入相應的包。
遇到的問題:
css樣式引用錯誤
錯誤引用
正確引用
【擴展】
搜索css3中@font-face,可以得到font-face相關的內(nèi)容
https://www.w3cplus.com/content/css3-font-face
本文參考鏈接:https://webpack.js.org/guides/asset-management/#loading-images
未完待續(xù)