webpack学习笔记(二)

命令行创建webpack

  1. mkdir  webpack-test
  2. cd webpack-test   进入文件夹
  3. npm init 
  4. npm install webpack --save-dev
  5. mkdir src   新建入口文件夹
  6. mkdir dist  新建打包之后的文件夹
  7. src下创建 style、script文件夹
  8. 新建初始化页面  index.html
  9. index.html   新建script标签src引入bundle.js

新建webpack.config.js配置文件

var path = require('path');

module.exports = {
    entry:'./src/script/main.js',
    output:{
        path: path.join(__dirname, 'dist/js'),
        filename:'bundle.js'
    }
}

命令行输入:webpack    即可打包

猜你喜欢

转载自blog.csdn.net/qq_37504376/article/details/81077176