1.json里面不能写注释 2.'webpack-dev-server'不是内部或外部命令,也不是可运行的程序或批处理文件. 注意:webpack-dev-server包只需要本地安装就行,不用全局安装 本地运行的时候,找不到'webpack-dev-server'包 package.json记录曾经安装过的包,只能表示曾经安装过.只要你曾将安装过,即使这个包删除了,这个记录还在.但并不代表现在已经安装 是否安装这个包,以node_modules为准 解决方法:安装包 cnpm i 3.装包装到…
前言 通过vue init webpack和npm install命令初始化项目后,执行npm run dev就打开了网站http://localhost:8080.初学者不知道index.html.App.vue.main.js是如何粘在一起的,这里简单说明一下. 启动过程 1.npm run dev npm run XXX是执行配置在package.json中的脚本,比如: "scripts": { "dev": "node build/dev-ser…
package.json中会有dependencies定义了项目依赖的外部组件,这些外部组件的依赖都是带有版本符号以表示被依赖组件的版本范围. { "dependencies" : { "foo" : "1.0.0 - 2.9999.9999" , "bar" : ">=1.0.2 <2.1.2" , "baz" : ">1.0.2 <=2.3.4&qu…
webpack命令:webpack --watch 监听变动并自动打包,简写-wwebpack -p --progress --color 压缩混淆脚本webpack -d  生成映射文件,告知那些模块打包到哪儿webpack --disply -error-details npm命令:npm initnpm install webpack -gnpm install webpack -save-devnpm install url-loader -save-devnpm run build -…
在程序开发中,调试程序是最频繁的,那使用了webpack后,所有的代码都打包到了一起,这给调试带来了困难,但是webpack在设计时就已经考虑好了这点,它支持生产Source Maps来方便我们的调试. Source Maps能够提供将压缩文件恢复到源文件原始位置的映射代码的方式,在Chrome和Firefox的开发工具既附带内置的Source Maps的支持. Source Maps详细学习 在使用webpack时只要通过简单的devtool配置,webapck就会自动给我们生产source…
http://www.jianshu.com/p/c04dea6e46de 首先有必要解释下什么是命令行(Command Line)类型的模块.npm的模块一共分为三类: 绑定型(Binding):本地模块,C++书写,如node-png 库型(Library):JS书写,直接使用require('module')这种方式,如Socket.IO-node 命令行型(Command Line): 以命令行形式使用,如json-command 显而易见,提供命令行形式调用方式的模块就属于命令行型的.…
npm中npm install 始终出错解决办法 错误信息: C:\Windows\System32>npm install -g gulp npm ERR! Windows_NT 6.1.7601 npm ERR! argv “C:\Program Files\nodejs\\node.exe” “C:\Program Files\nodejs \node_modules\npm\bin\npm-cli.js” “install” “-g” "gulp" npm ERR! no…
通常我们使用npm init命令来创建一个npm程序时,会自动生成一个package.json文件.package.json文件会描述这个NPM包的所有相关信息,包括作者.简介.包依赖.构建等信息,格式是严格的JSON格式. 属性介绍 name name和version是package.json中最重要的两个字段,也是发布到NPM平台上的唯一标识,如果没有正确设置这两个字段,包就不能发布和被下载. version 包的版本号.如"1.0.0". description 包的描述信息,将…
16个demo,webpack+react搭配使用首先教大家2个新技能 1.按照正常github地址情况下,你的github本身不能访问目录. 例如要访问vue-demo下的vueCpu文件夹:https://github.com/holidaying/vue-demo/vueCpu(显示404)但是在目录上加上tree/master/:https://github.com/holidaying/vue-demo/tree/master/vueCpu (master是分支名)就可以访问. 2.g…
一.NPM的扩展使用 (1)  npm init:初始化一个Node.js项目------创建必须的package.json文件 npm init -y:创建必须的package.json文件 (2) npm help json:查看package.json文件中可用的所有条目 (3) npm install xxx:下载安装指定的扩展依赖模块 npm install  xxx  --save:下载并安装指定的依赖模块,并声明为"运行时依赖" npm install xxx ---sa…