webpack 基本打包方法

Posted 2020-10-22 Blog - Liang Fengbo

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打包