webpack 基础命令

一、 打包命令

(非全局安装需使用node_modules/.bin/webpack ,以下省略)

  1. 直接用命令行打包:
webpack {entry file} {destination for bundled file}
//webpack app/main.js dist/build.js
  1. 用webpack.config.js配置打包,创建一个config文件,配置如下,然后命令行输入webpack
module.exports = {
    entry: __dirname + '/app/main.js',
    output: {
        filename: 'build.js',
        path: __dirname + '/dist'
    }
}
  1. npm打包,在package.json中对npm的脚本部设置:
"scripts": {
    "start": "webpack" //把npm的start命令指向webpack命令
  }

start是一个特殊的脚本名称,在命令行中使用npm start就可以执行相关命令。如果对应的此脚本名称不是start,执行时需用npm run {script name}npm run build

你可能感兴趣的:(webpack 基础命令)