码迷,mamicode.com
首页 > Web开发 > 详细

webpack 基本打包方法

时间:2018-01-31 14:33:17      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:port   post   def   配置文件   down   lov   com   script   imp   

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

标签:port   post   def   配置文件   down   lov   com   script   imp   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!