webpack 基本打包方法

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

WX20180131093750.png

可以在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打包

WX20180131094402.png

WX20180131094617.png

原文地址:https://www.cnblogs.com/liangfengbo/p/8391306.html