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"
- 在scripts下加
命令行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