webpack学习之路--demo1

Posted 2020-12-31 nailc

1.不使用框架建立webpack项目时

　　(1).npm init -y 

　　　　生成package.json文件

　　(2).npm install --save-dev webpack

　　　　在当前项目下安装webpack依赖　　

　　(3).如果webpack是4+版本，需要安装webpack-cli或者webpack-command

npm install --save-dev webpack-cli
或
npm install --save-dev webpack-command

　　(4).在根目录下创建dist和src文件

　　　　

webpack-demo
  |- package.json

  |- /dist
   |- index.html

  |- /src 
   |- index.js

　　同时更改package.json文件(确保我们安装包是私有的(private)，并且移除 main 入口。这可以防止意外发布你的代码。)

  {
    "name": "webpack-demo",
    "version": "1.0.0",
    "description": "",
+   "private": true,
-   "main": "index.js",
    "scripts": {
      "test": "echo "Error: no test specified" && exit 1"
    },
    "keywords": [],
    "author": "",
    "license": "ISC",
    "devDependencies": {
      "webpack": "^4.0.1",
      "webpack-cli": "^2.0.9"
    },
    "dependencies": {}
  }

　　(5).