webpack封裝自己的打包命令

以前打包需要輸入webpack  “項目地址” “打包地址”，然后若想輸入webpack打包則先新建webpack.config.js,內容如下

// 動態導入文件路徑
const path = require('path')
module.exports = {
    entry: './src/main.js',
    // output: './src/main.js',不能這樣寫，必須寫為如下對象形式
    output:{
        path:path.resolve(__dirname,'dist'),
        filename:'bundle.js'
    },
}

　　其中要使用path這個包的動態函數，我們需要導入一些包使用如圖命令（npm init）：

除了package name需要填任意英文名即可（防止自己的項目名有中文報錯）其他均可一路回車或者yes

此時即可命令框敲webpack即可打包（當然如果你的項目有其他的依賴的話，則先敲npm install,在敲webpack） 

當你的配置文件名非常復雜時。可以在生成的package.js中加入如下代碼，即可完成打包命令映射

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack"
  },

　　其中你敲 npm run build 即相當於敲其他復雜打包命令

注意，你在命令框所敲的webpack均為全局安裝的版本，如果你想打包適合自己（公司）的版本的話，需要敲npm install webpack@3.6.0 --save-dev（其中3.6.0可以換成自己的本地webpack版本）,此時在敲 npm run build則為打包屬於自己本地版本的webpack