webpack之webpack.config.js以及nodejs与es6导入导入语法

1､创建webpack.config.js配置：

module.exports = {
  entry: {
    index:__dirname +"/src/main.js"
  },
  output:{
    path:__dirname+"/dist",
    // filename:"index.js"
    filename:"[name].js"
    // name表示和入口文件key名:index一致
  },
  watch:true
  // 启用 Watch 模式。这意味着在初始构建之后，webpack 将继续监听任何已解析文件的更改。Watch 模式默认关闭。
}

2､package.json配置

  "scripts": {
    "build": "webpack"

  },

3､npm run build

——————————————————————————

1、ex6与commonjs写法比较

导出

exports.myvar = "hello"等同于

es6的  export var myvar = "hello"

函数

exports.add = function add(){}等同于

export function add(){}

2､导入

const {myvar} = require("./xxx&