一.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…

前言 通过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…

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 -…

起 最近利用闲暇时间在进行一款 chrome 扩展 V2EX-HELPER 的开发(如果巧遇 V 友欢迎试用),今天把它彻底改成了用 webpack 打包依赖的模式,不由得感概 webpack 的强大,记录一二. 古 之前的项目开发是非常传统的 chrome 扩展开发方式,代码可以猛戳 这里.截止目前,该扩展主要由三部分组成,background-scripts,content-scripts 以及 option 页面.一开始做这个扩展的时候,只是为了实现一个功能,所以就一个 backgroun…

SCSS语法: 假设变量申明带有!default,那么如果在此申明之前没有这个变量的申明,则用这个值,反之如果之前有申明,则用申明的值. ‘...’传递多个参数: @mixin box-shadow($shadow...){ -webkit-box-shadow:$shadow; -moz-box-shadow:$shadow; box-shadow:$shadow; } 用在属性或者选择器上,就得以#{}包裹 多个变量值一起申明: $linkColor: red blue !default;…

nodejs是js后端运行平台,可以把它看成java体系中对应的jdk,是三个里面最基础的.npm是nodejs的包管理工具,可以把它看成maven中包依赖管理那部分.webpack是前端工程化打包工具,可以把它看成maven中工程自动化那部分 提问:1.webpack安装一般使用npm,那么也需要安装node,而后台不想用nodeJs编写,这样是不是多余,毕竟不用nodeJs,为什么要因为使用webpage而被动安装node呢?(请原谅我对这方面知识的欠缺= =) 2.不仅是vue.js使用n…

项目开发中,前端在配置后端api域名时很困扰,常常出现:本地开发环境: api-dev.demo.com测试环境: api-test.demo.com线上生产环境: api.demo.com, 这次是在Vue.js项目中打包,教大家个方法: 使用 npm run build -- xxx   ,根据传递参数xxx来判定不同的环境,给出不同的域名配置. 1.项目中/config/dev.env.js修改: 新增:HOST: '"dev"' 'use strict' const merge…

1.json里面不能写注释 2.'webpack-dev-server'不是内部或外部命令,也不是可运行的程序或批处理文件. 注意:webpack-dev-server包只需要本地安装就行,不用全局安装 本地运行的时候,找不到'webpack-dev-server'包 package.json记录曾经安装过的包,只能表示曾经安装过.只要你曾将安装过,即使这个包删除了,这个记录还在.但并不代表现在已经安装 是否安装这个包,以node_modules为准 解决方法:安装包 cnpm i 3.装包装到…

目录 前言 externals定义 用法 string array object function regex 实际案例 打包时间 打包之后包的大小 浏览器加载 需要注意 参考 前言 使用vue-cli创建项目,使用webpack打包.其中,有一个webpack优化webpack.optimize.CommonsChunkPlugin,它会将node_modules中的必需模块提取到vendor文件中,项目开发中,增加第三方模块,比如element-ui.vue-echarts等,vendor的…

如何扩展 Create React App 的 Webpack 配置  原文地址https://zhaozhiming.github.io/blog/2018/01/08/create-react-app-override-webpack-config/ Create React App(以下简称 CRA)是创建 React 应用的一个脚手架,它与其他脚手架不同的一个地方就是将一些复杂工具(比如 webpack)的配置封装了起来,让使用者不用关心这些工具的具体配置,从而降低了工具的使用难度. 但…