首页 > Web开发 > 详细

webpack 基本打包方法

时间:2018-01-31 12:45:52      阅读:228      评论:0      收藏:0      [点我收藏+]

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 基本打包方法

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!