vue项目工程中npm run dev 到底做了什么

  1. npm install 安装了webpack框架中package.json中所需要的依赖

2.安装完成之后，需要启动整个项目运行，npm run 其实执行了package.json中的script脚本，npm run dev的执行如下
在这里插入图片描述
3.底层相当执行webpack-dev-server --inline --progress --config build/webpack.dev.conf.js命令

4.build/webpack.dev.conf.js文件中require ./webpack.base.conf文件，并且合并入新的对象配置（可以参考webpack-marge）
在这里插入图片描述
5…/webpack.base.conf文件中设置项目入口main.js
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/249893.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

JavaScript回顾与学习——条件语句

JavaScript回顾与学习——条件语句

一、if...else // if elsevar age 16;if(0 < age && age < 6){console.log("儿童");}else if(6 < age && age < 14){console.log("少年");}else if(14 < age && age < 35){console.log("青年");}els…
阅读更多...
bat等大公司常考java多线程面试题

bat等大公司常考java多线程面试题

1、说说进程,线程,协程之间的区别 简而言之,进程是程序运行和资源分配的基本单位,一个程序至少有一个进程,一个进程至少有一个线程.进程在执行过程中拥有独立的内存单元,而多个线程共享内存资源,减少切换次数,从而效率更高.线程是进程的一个实体,是cpu调度和分派的基本单位,是比…
阅读更多...
webpack.config.js和package.json

webpack.config.js和package.json

webpack.config.js 是webpakc的配置文件&#xff0c;webpack是当今很火的一个打包工具 使用webpack.config.js在你的项目里 可以对你的项目进行模块化打包&#xff0c;并且也可使组件按需加载&#xff0c;还可将图片变成base64格式减少网络请求。 而package.json 是指你项目的…
阅读更多...
七牛云图片加载优化

七牛云图片加载优化

?imageView2/2/w/80https://developer.qiniu.com/dora/manual/1279/basic-processing-images-imageview2 ?imageView2/1/w/80/h/80会裁剪 ?imageView2/3/w/80/h/80不会裁剪 转载于:https://www.cnblogs.com/smzd/p/9025393.html
阅读更多...
org.apache.maven.archiver.mavenarchiver.getmanifest怎么解决

org.apache.maven.archiver.mavenarchiver.getmanifest怎么解决

原因就是你的maven的配置文件不是最新的 1.help ->Install New Software -> add ->https://otto.takari.io/content/sites/m2e.extras/m2eclipse-mavenarchiver/0.17.2/N/LATEST 或者&#xff08;更新于2018年4月18日17:07:53&#xff09; http://repo1.maven.org/mav…
阅读更多...
npm中package.json详解

npm中package.json详解

通常我们使用npm init命令来创建一个npm程序时&#xff0c;会自动生成一个package.json文件。package.json文件会描述这个NPM包的所有相关信息&#xff0c;包括作者、简介、包依赖、构建等信息&#xff0c;格式是严格的JSON格式。 常用命令 npm i --save packageName 安装依赖…
阅读更多...
offset系列,client系列,scroll系列回顾

offset系列,client系列,scroll系列回顾

一 scroll系列属性 ——滚动1 scrollHeight/scrollWidth 标签内部实际内容的高度/宽度ele.scrollHeight 有两种情况&#xff0c;当内容超出盒子范围后&#xff0c;返回的是内容的高度&#xff0c;包括padding&#xff0c;从顶部内侧到内容的最外部分。当内容不超出盒子范围…
阅读更多...
项目开发中的自我总结

项目开发中的自我总结

最近忙的要死,因为新开发了两个项目.现在已经测试完毕了,准备部署到线上了. 然后不能白忙活吧,忙活完也得写点总结和经验吧,以后也有个记录. 1.一个bootstrapjquerylayuilaravel 5.4开发的一个后台系统 比较朴素 2.一个前后端分离的vuelaravel 5.4 开发的商家系统 我只负责后端…
阅读更多...
webpack.config.js 参数详解

webpack.config.js 参数详解

webpack.config.js文件通常放在项目的根目录中&#xff0c;它本身也是一个标准的Commonjs规范的模块。 var webpack require(webpack); module.exports {entry: [webpack/hot/only-dev-server,./js/app.js],output: {path: ./build,filename: bundle.js},module: {loaders: …
阅读更多...
数组黑科技（偏性能方面）未完待更新...

数组黑科技（偏性能方面）未完待更新...

数组去重最优解&#xff1a;Array.prototype.unique function () {var tmp new Map();return this.filter(item > {return !tmp.has(item) && tmp.set(item,1);})}搭配使用 Array.from(foo); // ["f", "o", "o"]let s new Set([f…
阅读更多...
控制台添加log4net

控制台添加log4net

1.添加nuget包 log4net 2.app.config配置 <?xml version"1.0" encoding"utf-8"?> <configuration> <configSections><section name"log4net" type"log4net.Config.Log4NetConfigurationSectionHandler, log4net&quo…
阅读更多...
记一次vue 普通异步请求微信二进制二维码 乱码 问题解决然后渲染

记一次vue 普通异步请求微信二进制二维码 乱码 问题解决然后渲染

后端压力大&#xff0c;前端分忧。 /*用微信小程序token拿二维码*/ async fetchMINIQRcode({commit,state},params){var instance axios.create({responseType: blob, //返回数据的格式&#xff0c;可选值为arraybuffer,blob,document,json,text,stream&#xff0c;默认值为js…
阅读更多...
vue-cli项目中.postcssrc.js

vue-cli项目中.postcssrc.js

module.exports {"plugins": {"postcss-import": {}, //用于import导入css文件"postcss-url": {}, //路径引入css文件或node_modules文件"postcss-aspect-ratio-mini": {}, //用来处理元素容器宽高比"postcss-…
阅读更多...
本地存储cookie和localStorage区别特点

本地存储cookie和localStorage区别特点

一、cookie cookie算是比较早的技术&#xff0c;最初是为了记录http的状态&#xff0c;提高访问速度。cookie是服务器"种植"在客户端的key-value形式文本文件。但同时客户端也能操作cookie。特点&#xff1a; 大小&#xff1a;cookie的大小限制在4k。每个域名下cooki…
阅读更多...
VUE 中 使用 iview Form组件 enter键防止页面刷新

VUE 中 使用 iview Form组件 enter键防止页面刷新

<Form :label-width"100" inline label-positionleft keydown.native.enter.prevent "()>{}">或者使用官方的 submit.native.prevent转载于:https://www.cnblogs.com/smzd/p/9197915.html
阅读更多...
mybatis中#和$区别

mybatis中#和$区别

在Mybtis中的Mapper映射文件中&#xff0c;sql语句传参有两种方式#{}和${} 一般来说&#xff0c;我们通常使用的是#{}&#xff0c;这里采用的是预编译机制&#xff0c;防止SQL注入&#xff0c;将#{}中的参数转义成字符串&#xff0c;例如&#xff1a; 执行SQL&#xff1a;Selec…
阅读更多...
mysql 字段存储多个值 ，判断一个值是否在其中

mysql 字段存储多个值 ，判断一个值是否在其中

表C_file,其中有个字段是spile&#xff0c;他存的是字符形式&#xff0c;例如&#xff1a; id spile 1 2,10,11 2 2,3,20,22 3 1,6,8 4 5,6,1,9 select * from C_file where spile LIKE %1% 如果这样查询的话&#xff0c;会查询出ID为1、3、4&#xff0c;但正确的应该是3、…
阅读更多...
touchWX 自定义组件以及传值

touchWX 自定义组件以及传值

创建如图文件 index.wxc: <template><view class"wx-test" bindtap"handleTap">{{ msg }}{{dataIndex}}</view> </template> <script>export default {properties: {dataIndex: {type: String,value: default value,}},data…
阅读更多...
vue 初始框架

vue 初始框架

VueJs讲解初始框架 一、启动项目 第一步&#xff1a;cmd进入项目文件里&#xff0c;运行npm run dev 启动项目 这里说明启动端口号是8080 第二步&#xff1a;往页面输入&#xff1a;localhost:8080 二、解析渲染步骤 先看整体框架样式和index.html&#xff1a; 从上面我…
阅读更多...
Codeforces 914D - Bash and a Tough Math Puzzle 线段树,区间GCD

Codeforces 914D - Bash and a Tough Math Puzzle 线段树,区间GCD

题意: 两个操作, 单点修改 询问一段区间是否能在至多一次修改后,使得区间$GCD$等于$X$ 题解: 正确思路; 线段树维护区间$GCD$,查询$GCD$的时候记录一共访问了多少个$GCD$不被X整除的区间即可,大于一个就NO 要注意的是,如果真的数完一整个区间,肯定会超时,因此用一个外部变量存储…
阅读更多...
最新文章

Copyright @ 2022~2023