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 [email protected] --save-dev（其中3.6.0可以换成自己的本地webpack版本）,此时在敲 npm run build则为打包属于自己本地版本的webpack