1. 程式人生 > >webpack 基本打包方法

webpack 基本打包方法

exports gpo ddn ipp javascrip function 分享 scrip log

webpack的打包基本配置文件webpack.config.js

技術分享圖片

可以在webpack.config.js裏面寫好配置:比如前章節所總結的四大核心

|-- add.js
// 定義一個普通加法函數
export default function (a, b) {
  return a + b;
}

|-- app.js
// 引用使用
import add from ‘./add‘;
console.log(add(1, 2));

|-- webpack.config.js
// 對入口app.js文件打包
module.exports = {
  entry: {
    // 入口
    app:
‘./app.js‘ }, output: { // 輸出文件: 名字 + 8位的hash值 filename: ‘[name].[hash:8].js‘ } }

執行webpack打包

技術分享圖片

技術分享圖片

webpack 基本打包方法