webpack学习第一篇

原来学习webpack非常吃力,对前端不是太懂,现在才算入门吧,自学webpack时一直报错,然后看到有vue脚手架就放弃学习webpack了,现在感觉不是太懂webpack的话限制太多了,在好好学一边吧

这篇主要讲的怎么测试webpack有关代码,以及怎么建个webpack的空项目
首先建个目录src
在建个index.htmlindex.js文件
然后再目录上cmd命令 npm init -y,初始化一个package.json包,里面好安装有关模块依赖,还有脚本命令。
然后新建个webpack,config.js文件见名知意,就是webpack的配置文件

如图
webpack学习第一篇_第1张图片

{
  "name": "webpack",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack" //添加的
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "jquery": "^3.5.1"
  }
}

上面是webpack.config.js中的代码可以参考一下
然后npm run dev运行

你可能感兴趣的:(webpack)