把專案所有的依賴檔案都放進main.js
//然後將main.js作為入口檔案進行打包，webpack在打包的時候會查詢所有的依賴檔案並解析1.使用commonjs的模組化規範
const = require('./mathutil.js')
console.log(add(20, 30));
console.log(mul(20, 30));
//2.使用es6的模組化規範
import from './info'console.log(name);
console.log(age);
console.log(height);
webpack ./src/main.js ./dist/bundle.js表示將src目錄下的main.js 打包到dist目錄下的bundle.js
然後在index.html裡面只引用bundle.js就可以了
webpack打包工具
終端執行 yarn webpack或者 在package.json中加入 scripts 開發模式 yarn webpack mode development原始模式 yarn webpack mode none在webpack.config.js中增加mode的模式 mode developmen...
webpack打包工具
目的 平時小專案中例如一些 需要進行打包壓縮，用這個工具可以進行打包壓縮，就可以上傳到伺服器。使用方法 1，引進需要打包的專案，把入口html替換掉專案中的index.html，把引進的js，css都放在src裡面對應的資料夾裡面 2，npm install 3，進行webpack.config.j...
Webpack打包工具詳解
webpack是一種前端資源構建工具 乙個靜態模組打包器 在webpack看來 前端所有資源檔案都會作為模組處理 他將根據模組的依賴關係進行靜態分析 打包生成對應的靜態資源 webpack 可以做到按需載入。像 grunt gulp 這類構建工具，打包的思路是 遍歷原始檔 匹配規則 打包，這個過程中...