webpack教程

webpack

• 安装node.js npm
• 安装webpack npm install webpack -g
• 进入项目目录 是否有package.json没有就通过npm init创建
• 在项目目录下命令行执行npm install webpack --save-dev
• 创建webpack.config.js文件,下面是例子

const path = require('path')

module.exports = {
  entry: './js/main.js', // 代码输入文件
  // 下面的文件夹和文件不需要自己创建
  output: {
    path: path.resolve(__dirname, './dist'), // 代码输入文件夹
    filename: 'build.js'
  }
}

• 在package.json文件

  • 在scripts下加"start": "webpack"

• 命令行npm start

• 其他的文件写法

app.js

const Say = require('./to.js')
……
Say()

to.js

var Say = function () {
    console.log('hello')
}
module.exports = Say

• 导入jq等插件的方式npm install jquery --save-dev

var $ = require('jquery')

• 运行
  命令行敲 webpack --mode production
  如果想实时刷新webpack --mode production --watch