webpack

web 项目搭建

已安装node

  1. 新建文件夹(project-test)
  2. 命令行进入文件夹,npm init 初始化项目
  3. 安装webpack
    1
    2
    3
    4
    npm install --save-dev webpack
    npm install --save-dev webpack-dev-server
    npm install --save-dev webpack-cli
    npm install --save-dev copy-webpack-plugin
  4. 新建文件webpack.config.js
  5. 新建目录和文件 src/index.html index.js, 并初始化html h5文件
  6. package.json 添加打包和构建配置
    1
    2
    3
    4
    5
    6
    {
    "scripts": {
    "build": "webpack",
    "start": "webpack-dev-server"
    }
    }
  7. 启动项目 npm start

本文作者: 孟 虎
本文链接: https://menghu1994.github.io/blog/2023/10/Webpack/ProjectInit/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!