构建VUE2.0脚手架一.安装node1.Win+R打开命令行输入node-v和npm-v查看是否安装没有的话去node.js官网https:/odejs.org/en/download/，根据电脑系统选择相应的安装2.安装淘宝镜像，加快下载速度使用命令： npminstall-gcnpm–registry=https:/egistry.

前言注意事项：由于我打包的时候路径没写好，所以笔记上图片加载不出来所以笔记完整记录会放上来ES6语法补充let/varJS中使用var来声明一个变量时,变量的作用域主要是和函数的定义有关.针对于其他块定义来说是没有作用域的，比如if/for等，这在我们开发中往往会引起一些问题。

博客：姜瑞涛的官方网站原文链接：https://www.jiangruitao.com/webpack/quick-start/版权采用《署名-非商业性使用-禁止演绎4.0国际》许可协议转载需注明原文作者、链接与版权协议本篇我们配置最简单的Webpack前端工程，来快速入门Webpack整个打包流程。一、Webpack的安装与命

1、什么是webpack？概念：webpack（modulebundler）是一个模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理,它能有Grunt或Gulp所有基本功能。目的：有依赖关系的各种文件打包成一系列的静态资源。前端模块化：模块化的规

资源下载复刻Udacity的一个webpack实例app到自己github仓库并克隆。命令：gitclonehttps://github.com/<YourGithubUsername>/fend-webpack-content.gitcdfend-webpack-contentgitcheckout0-initial-setupgitbranchnpm的安装与使用查看node和npm的版本：node-v

1、yarn的安装和使用博客位置：/*https://blog.csdn.net/yw00yw/article/details/81354533*/2、myeclipse查看内置tomcat位置博客位置：/*https://blog.csdn.net/u013991521/article/details/52947693*/3、webpack初始化/*执行命令npminit-y报错*//*报错

webpack 是一个现代JavaScript应用程序的静态模块打包器(modulebundler)。个人看法就是帮我们整理优化项目、个性化定制项目结构，打造出属于自己的项目结构的工具，简单来说想怎么玩，看自己兴趣吧。前期准备：先安装依赖包npminstallwebpack--save-devnpminstallwebpack

然后在终端输入npmrundev的时候，提示错误信息：$npmrundev>[email protected]>vue-cli-serviceserveINFOStartingdevelopmentserver...ERRORValidationError:webpackDevServerInvalidOptionsoptionsshouldNOThaveadditionalproperti

vue创建项目（npm安装→初始化项目）第一步npm安装   首先：先从nodejs.org中下载nodejs   大家都知道国内直接使用npm的官方镜像是非常慢的，这里推荐使用淘宝NPM镜像。   $  npm  install  -g  cnpm  --registry=https:/egistry.npm.taobao.org  

webpack学习功能测试中，遇到安装webpack-dev-server后执行的问题都是安装在开发环境执行npmrundev报错了   看到网上很多解决方式最后是版本问题设置如下  config配置如下  如果本地有其他程序在执行，最好port端口自己重置一个执行成功npmrundev 

constUglifyJsPlugin=require('uglifyjs-webpack-plugin')constpath=require('path')//开启Gzip需要的依赖yarnaddcompression-webpack-plugin-DconstCompressionWebpackPlugin=require('compression-webpack-plugin')functionreso

目录webpack配置搭建本地服务器webpack配置搭建本地服务器webpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现我们想要的让浏览器自动刷新显示我们修改后的结果。不过它是一个单独的模块，在webpack中使用之前需要

noe.jsnode.jsnode.js简介Node.js是基于ChromeJavaScript运行时建立的平台，用于方便地搭建响应速度快，易于扩展的网络应用。nodejs是一个用于开发web服务器的开发工具。node.js是一个基于V8JavaScript引擎运行的平台。V8javascript是Google公司开发的一种高性

webpack基础配置总结配置文件基本结构entryoutputmodeloadermodulePluginssourceMapWebpackDevServerBabel处理ES6配置React打包环境多⻚⾯打包通⽤⽅案⽂件监听配置别名resolve.aliasresolve.extensions配置使⽤静态资源路径publicPath(CDN)压缩css压缩HTMLdevelopment

1{2//处理图片资源3test:/\.(jpg|png|gif)$/,4loader:'file-loader',5options:{6//关闭es6模块化7esModule:false,89limit:20*1024,1011

Chrome控制台输出问题Addednon-passiveeventlistenertoascroll-blocking'mousewheel'event.Considermarkingeventhandleras'passive'tomakethepagemoreresponsive这是因为Chrome51版本以后，Chrome增加了新的事件捕获机制－PassiveEventListenersPassive