webpack1-打包js，并建立第一个配置文件

今天是我系统学习webpack的第一天

学会打包js，建立第一个webpack.config.js

首先:新建文件如下

sum.js使用es6模块化，代码如下：

export default function ( a, b) {

return a + b;

}

minus.js使用commonjs模块化，代码如下：

module. exports = function ( a, b) {

return a - b;

}

同时，在app.js里面引入，代码如下

import sum from './sum';

var minus = require( './minus');

console. log( 'sum(23, 24) = ', sum( 23, 24));

console. log( 'minus(24, 17) = ', minus( 24, 17));

webpack.config.js  配置如下：

module. exports = {

entry: {

app: './app.js'

},

output: {

filename: '[name].[hash:5].js'

}

}

此时，使用命令行输入webpack，就会自动打包生成app.“hash”.js

html文件引入该文件，控制台输出如下：

sum(23, 24) = 47

minus(24, 17) = 7

至此，第一节学完。