webpack打包代码,弄一天了,终于打包成功了,记录一下,
2019-06-30 13:14
225 查看
第一步:下载node.js,百度上有安装教程
第二步:在命令提示符:输入 npm i nrm -g 全局安装nrm包,nrm ls查看所有的镜像
第三步:在命令提示符:输入 npm i webpack -g 全局安装webpack,
第四步:在 visual studio code 终端安装jquery , 输入 npm init -y ,再输入npm i jquery -s
第五步:建项目,如下
编写html
main.js
package.json :安装jquery时会自动生成的,只是我们要在
“scripts”: {
“test”: “echo “Error: no test specified” && exit 1”,
},
里面添加: “dev”:“webpack-dev-server”
第六步:安装webpack-dev-server工具在visual studio code 终端输入:npm i webpack-dev-server -D
第七步:因为在
“scripts”: {
“test”: “echo “Error: no test specified” && exit 1”,
“dev”:“webpack-dev-server”
},
配置了 “dev”:“webpack-dev-server”,可以在visual studio code 终端输入
npm run dev.
自己搞了一天才搞好了,可能在做的过程,会出现一些问题,如果缺依赖包,就在终端通过命令安装依赖包。
相关文章推荐
- Vue中引入jquery方法 vue-cli webpack 引入jquery 今天费了一下午的劲,终于在vue-cli 生成的工程中引入了jquery,记录一下。(模板用的webpack)
- Webpack 服务器端代码打包的示例代码
- 前端面试题记录 -- webpack打包
- web页面上 实现 “点击复制”, 只需要一行代码, 记录一下这个npm包
- webpack打包工具好文记录
- 简要分析webpack打包后代码
- TypeScript【Webpack 打包过】 编译过的代码怎么对源码调试?
- 深入剖析 webpack 打包生成的一大堆代码到底是啥
- 前端项目模块化的实践2:使用 Webpack 打包基础设施代码
- webpack 打包成功,但是css不起作用
- 简要分析webpack打包后代码
- 详解webpack打包nodejs项目(前端代码)
- 简要分析webpack打包后代码
- vue做的单页面组件(单文件组件)不起作用,webpack已经打包成功,页面中没有结果
- 详解Webpack多环境代码打包的方法
- webpack3实战(3)打包有es6、es7语法的js代码
- 如何用Webpack实现代码打包
- webpack打包nodejs项目(前端代码)
- 看着水了一天的群,终于看到一段高质量的代码了分享一下localStorage
- 纪念一下装了一天终于成功了的 pygraphviz