webpack——打包JS

1.在文件中打開命令行，輸入code ./    (我的編譯器是vs code)

2.然后會彈出編譯器，在編譯器內新建js文件app,sum

app.js

import sum from './sum';
console.log('sum(23,24)=',sum(23,24));//打印結果

sum.js

export default function(x,y)
{
    return x+y;
}

3.然后在命令行中

webpack app.js -o bundle.js進行打包

這樣文件里就多了一個bundle.js文件

但是這里webpack app.js -o bundle.js好像在webpack版本更新時會有一些修改，可能會有問題

4.還需要建一個html文件來顯示效果

控制台

 之后可以創建一個webpack.config,js文件，到時候打包就輸入webpack就行了

如果文件名不是webpack.config.js而是其他名字，例如webpack.conf.js，輸入語句變為：webpack --config webpack.conf.js