随笔分类 -  webpack

webpack 3.X学习之多页面打包
摘要：作者网站原文：http://hawkzz.com/blog/blog/1514542087911 简介 我们开发不可能只写一个页面，每次都要写很多页面，这时为了开发效率，我们使用前端自动化工具webpack，那么webpack是如何打包页面的呢？又是如何打包多页面的呢？ 单页面打包 我们知道要打包单 阅读全文
posted @ 2017-12-29 18:07 hawk_zz 阅读(4735) 评论(2) 推荐(1)
webpack 3.X学习之Babel配置
摘要：Babel是什么 Babel是一个编译JavaScript的平台，它的强大之处表现在可以通过编译帮你达到： + 使用下一代的javascript（ES6，ES7,……）代码，即使当前浏览器没有完成支持； + 使用基于JavvScript进行扩展语言，比如React的JSX； webpack配置Bab 阅读全文
posted @ 2017-11-23 12:58 hawk_zz 阅读(4159) 评论(0) 推荐(0)
webpack 3.X学习之CSS处理
摘要：Loaders Loaders是Webpack最重要的功能之一，他也是Webpack如此盛行的原因。通过使用不同的Loader，Webpack可以的脚本和工具，从而对不同的文件格式进行特定处理。 Loader的配置模型： + test：用于匹配处理文件的扩展名的表达式，这个选项是必须进行配置的； + 阅读全文
posted @ 2017-11-23 12:57 hawk_zz 阅读(3710) 评论(0) 推荐(0)
webpack 3.X学习之图片处理
摘要：CSS中图片处理 在src目录下新建一个images目录，把图片放入images文件夹中；在index.html文件中增加一个div标签： /src/index.html: 编写css,给刚刚增加的div标签添加背景图片： /src/css/index.css: image{ background: 阅读全文
posted @ 2017-11-23 12:57 hawk_zz 阅读(969) 评论(1) 推荐(0)
webpack 3.X学习之JS压缩与打包HTML文件
摘要：js压缩 webpack自带一个插件uglifyjs webpack plugin来压缩js，所以不需要再次安装，当一切都准备妥当，引入uglifyjs webpack plugin模块： const uglify = require('uglifyjs webpack plugin'); 因为它是 阅读全文
posted @ 2017-11-23 12:56 hawk_zz 阅读(4826) 评论(0) 推荐(0)
webpack 3.X学习之基本配置
摘要：创建配置文件webpack.config.js 在根目录在手动创建webpack.config.js，配置基本模板 module.exports ={ entry:{}, output:{}, module:{}, plugins:[], devServer:{} } + entry：配置入口文件的 阅读全文
posted @ 2017-11-23 12:56 hawk_zz 阅读(407) 评论(0) 推荐(0)
webpack 3.X学习之初始构建
摘要：webpack是什么 webpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。在3.0出现后，Webpack还肩负起了优化项目的责任。 安 阅读全文
posted @ 2017-11-23 12:55 hawk_zz 阅读(429) 评论(0) 推荐(0)
VueJS引入css或者less文件的一些坑
摘要：我们在做Vue+webpack的时，难免会引入各种公共css样式文件，那么我们改如何引入呢？引入时会有那些坑呢？ 首先，引入公共样式时，我们在“main.js”里使用AMD的方式引入,即 这时，我们会抛出一个错误，是因为我们没有写解析的依赖，webpack不知道怎么解析 这时，我们要填写上依赖， 在 阅读全文
posted @ 2017-03-13 16:25 hawk_zz 阅读(15823) 评论(0) 推荐(1)
vuejs配置less
摘要：本次我们来聊聊，vuejs里如何使用less。都是根据自己的开发经验来写，不对的地方请各位拍砖。 在webstorm上配置Less 首先，全局安装less 然后，在webstorm上配置less插件，"File" --> "settings"-->"Tools" 在"file Watchers" - 阅读全文
posted @ 2017-03-13 16:05 hawk_zz 阅读(4008) 评论(1) 推荐(1)