用 npm 安裝 Webpack:
npm install webpack-g
此時Webpack已經(jīng)安裝到了全局環(huán)境下,本課程中我們已裝好webpack,可以通過命令行webpack -h試試。
新建文件夾D:\Projects\WebPack\myFirstPro
轉到D:\Projects\WebPack\myFirstPro 執(zhí)行
npm init
npm install webpack--save-dev
首先有一個靜態(tài)頁面 index.html相速,已經(jīng)預置好了。
現(xiàn)在創(chuàng)建一個 JS 入口文件 entry.js:
document.write('It works.');
然后編譯entry.js并打包到bundle.js,運行命令:
webpack entry.js bundle.js
引用別的js
document.write(require("./content.js"));//添加content.js
運行命令:
webpack entry.js bundle.js
引用css
require("./style.css");
運行命令:
webpack entry.js bundle.js --module-bind "css=style-loader!css-loader"
css引入成功
新建webpack.config.js
webpack.config.js
運行命令:
webpack