随笔分类 - webpack
webpack使用七
摘要：产品阶段的构建 目前为止，我们已经使用webpack构建了一个完整的开发环境。但是在产品阶段，可能还需要对打包的文件进行额外的处理，比如说优化，压缩，缓存以及分离CSS和JS。 对于复杂的项目来说，需要复杂的配置，这时候分解配置文件为多个小的文件可以使得事情井井有条，以上面的例子来说，我们创建一个w
阅读全文
webpack使用六
摘要：插件（Plugins） 插件（Plugins）是用来拓展Webpack功能的，它们会在整个构建过程中生效，执行相关的任务。 Loaders和Plugins常常被弄混，但是他们其实是完全不同的东西，可以这么来说，loaders是在打包构建过程中用来处理源文件的（JSX，Scss，Less..），一次处
阅读全文
webpack使用五
摘要：一切皆模块 Webpack有一个不可不说的优点，它把所有的文件都都当做模块处理，JavaScript代码，CSS和fonts以及图片等等通过合适的loader都可以被处理。 CSS webpack提供两个工具处理样式表，css-loader 和 style-loader，二者处理的任务不同，css-
阅读全文
webpack使用四
摘要：鼎鼎大名的Loaders登场了！ Loaders是webpack提供的最激动人心的功能之一了。通过使用不同的loader，webpack有能力调用外部的脚本或工具，实现对不同格式的文件的处理，比如说分析转换scss为css，或者把下一代的JS文件（ES6，ES7)转换为现代浏览器兼容的JS文件，对R
阅读全文
webpack使用三
摘要：Webpack的强大功能 生成Source Maps（使调试更容易） 开发总是离不开调试，方便的调试能极大的提高开发效率，不过有时候通过打包后的文件，你是不容易找到出错了的地方，对应的你写的代码的位置的，Source Maps就是来帮我们解决这个问题的。 通过简单的配置，webpack就可以在打包时
阅读全文
webpack的使用二
摘要：1.安装 Webpack可以使用npm安装，新建一个空的练习文件夹（此处命名为webpack sample project），在终端中转到该文件夹后执行下述指令就可以完成安装 正式使用Webpack前的准备 1.在上述练习文件夹中创建一个package.json文件，这是一个标准的npm说明文件，里
阅读全文
webpack的使用一
摘要：1.为什么使用webpack 模块化，让我们可以把复杂的程序细化为小的文件; 类似于TypeScript这种在JavaScript基础上拓展的开发语言：使我们能够实现目前版本的JavaScript不能直接使用的特性，并且之后还能转换为JavaScript文件使浏览器可以识别； Scss，less等C
阅读全文
