webpack

webpack config配置

格式严格
1.创建webpack.config.js文件,定义入口和出口

const path = require('path')
module.exports = {
//入口entry：（此处有空格）’(用单引号)’
  entry: './src/main.js',
  output: {
    path, 
    filename: 'bundle.js'
  }
}

终端进入开发文件

2.运行webpack
报错
初始化npm init
填写package.json相关设置
生成package.json文件(要依赖node.js都需要package.json

3.补充path path: path.resolve(__dirname, 'dist')//__dirname这是获取了一个当前文件的位置，reslove可以拼接路径

一般不是用命令webpack，所以用npm run build来代替webpack
在终端使用webpack都是用的全局的webpack
在开发中一般是要在当前开发文件下使用本地的webpack
所以下载webpack

npm install webpack@3.6.0 –save-dev

5.在package.json文件里 “script”对象里添加**“build”: “webpack”**

最后执行npm run build