一.webpack基础 1.在项目中生成package.json：在项目根目录中输入npm init，根据提示输入相应信息。（也可以不生成package.json文件，但是package.json是很有用的，所有建议生成） 2.安装webpaack a.在全局中安装webpack：npm insta ...
分类：
Web程序 时间：
2016-10-14 23:15:03
阅读次数：
235
cmd跳转到项目的文件夹，安装webpack 接着需要packjson.sj文件，全部enter掉就好了，默认值就行了 接着在项目文件夹接着安装，css-loader 和 style-loader处理样式表 在项目文件夹新建webpack.config.js，我的内容如下 在项目文件夹下的js文件夹 ...
分类：
Web程序 时间：
2016-10-14 20:21:55
阅读次数：
152
前端的项目往往依赖了很多打包、部署工具，比如grunt，gulp，webpack.....，在这么多打包、部署工具里，有这各自的命令，这样给项目带来了很多烦恼，不同的项目不同的命令，有没有办法统一接口呢？那么可以考虑把命令都封装到npm scripts里。 之前都是知道个大概，抽空索性都了解下。 n ...
分类：
其他好文 时间：
2016-10-13 23:53:34
阅读次数：
343
http://webpack.github.io/docs/webpack-for-browserify-users.html$ webpack --devtool inline-source-map # Add inlined SourceMaps $ webpack --devtool sour ...
分类：
Web程序 时间：
2016-10-13 18:48:10
阅读次数：
238
问题一：引入前端库，方法也是不一样的 比如 lodash.js ，作为一个 chunk 用 html-webpack-plugin 打包到页面里，会生成一个全局变量 window._ ，在其它 js 中不必 require('lodash'); 就可以直接使用 window._ 比如 webpack ...
分类：
Web程序 时间：
2016-10-13 14:11:04
阅读次数：
498
里面定义了require.ensure语法。webpack实现了它，作用是可以在打包的时候进行代码分片，并异步加载分片后的代码。我们在这个VS Code窗口中按下F5来运行这个扩展，可以看到一个新的VS Code窗口会打开。我们在里面按下Ctrl+Shift+P，在弹出的命令栏中敲Hello Wor... ...
分类：
Web程序 时间：
2016-10-12 22:45:13
阅读次数：
227
我之前在 《前端搭环境之从入门到放弃》这篇文章中吐槽过，webpack中可以写commonjs格式的require同步语法，可以写AMD格式的require回调语法，还有一个require.ensure，以及webpack自己定义的require.include，再加上ES6的import语法，这么 ...
分类：
Web程序 时间：
2016-10-12 19:09:04
阅读次数：
320
之前一直维护的一段广告js，我都是用webpack作为模块管理的，由于这种CommonJS的预编译打包模式，我把所有的模块都封装到一个js里面了，请求少了、文件大了。好在大部分的功能模块都是我手动写的，引用的三方库并不多，文件大小还是可控的。但是随着业务发展的需要，广告的展示效果越来越丰富，单纯的靠 ...
分类：
Web程序 时间：
2016-10-10 21:08:16
阅读次数：
453
本文是我用webpack进行项目构建的实践心得，场景是这样的，项目是大型类cms型，技术选型是vue，只支持chrome，有诸多子功能模块，全部打包在一起的话会有好几MB，所以最佳方式是进行多入口打包。文章包含我探索的过程以及webpack在使用中的一些技巧，希望能给大家带来参考价值。 首先，项目打 ...
分类：
Web程序 时间：
2016-10-10 07:34:25
阅读次数：
350
Babel是一个JavaScript编译和工具平台，使用Babel我们可以：使用新版本的JavaScript（ES6/ES2015，ES7/ES2016），尽管有些浏览器不能全部支持新特性；使用JavaScript语言扩展，例如React JSX。Babel是一个独立的工具，可以与Webpack一起 ...
分类：
Web程序 时间：
2016-10-09 19:51:38
阅读次数：
289
