EarlEcho

*注：以下操作的前提是已全局安装node 和 webpack一：安装webpack和基本环境搭建新建一个工作的文件夹（我取的名字叫Webpack） 打开命令行，cd进入该文件夹//初始化一下npm> E:\work\Webpack>npm init然后按照提示输入这个项目的一些信息，不想填也可以一直按回车。//安装Webpack> E:\work\Webpack>npm install webp

如何上传本地项目到github这些就不说了， 今天遇到一个问题是：本机的webpack项目在npm初始化的时候会生成一个node_modules的巨大的库，我们上传到github时是可以忽略它的。 一百度，发现好多命令行都是针对linux的，windows下根本不管用啊怒摔！！ 自己摸索了下发现下面的的指令是可行的：cd进入你的webpack项目：输入以下指令用于windows下新建一个.gi

打包webpack后，使用npm run webpack报错如下： 找到原因是因为package.json中缺少webpack的配置，解决方法如下： 找到package.json下面的scripts，我的长这样："scripts": { "test": "echo \"Error: no test specified\" && exit 1"},加一句："scripts": {

注：非原创，原文来自：http://blog.youkuaiyun.com/alanfancy/article/details/64444204 本人通过此链接博客学习，并在此基础上增加自己的想法。webpack所有操作必须基于node，网上自行百度教程Webpack的核心思想 1.一切都是模块——就像js文件可以视作“模块”一样，其他所有的一切（CSS，图片，HTML）都可以被视作模块，通过req

上节Webpack2 入门踩坑教程（一）：http://blog.youkuaiyun.com/Echo601/article/details/76174694二．数据更新创建src和dist两个文件夹，把index.js移动到src文件夹里，bundle.js是webpack打包生成出来的，所以先将bundle.js删除，周再来重新生成以确保文件正常更新，以后会把dist作为生成文件存放的目标文件夹。

注：非原创，原文来自：http://blog.youkuaiyun.com/alanfancy/article/details/64444204 本人通过此链接博客学习，并在此基础上增加自己的想法。上节Webpack2 入门踩坑教程（二）：http://blog.youkuaiyun.com/echo601/article/details/76177846三．Webpack-dev-serverWebpack的加载器有

注：非原创，原文来自：http://blog.youkuaiyun.com/alanfancy/article/details/64444204 本人通过此链接博客学习，并在此基础上增加自己的想法。上节Webpack2 入门踩坑教程（四）：http://blog.youkuaiyun.com/echo601/article/details/76195411五.使用babel对es6/es7转码1：安装babel核心模块

注：非原创，原文来自：http://blog.youkuaiyun.com/alanfancy/article/details/64444204 本人通过此链接博客学习，并在此基础上增加自己的想法。上节Webpack2 入门踩坑教程（三）：http://blog.youkuaiyun.com/echo601/article/details/76178952四：生产环境和开发环境在入口处区分生产环境和开发环境。 1：