webpack——devtool里的7种SourceMap模式
摘要:我们先来看看文档对这 7 种模式的解释: 注1: webpack 不仅支持这 7 种,而且它们还是可以任意组合上面的eval、inline、hidden关键字,就如文档所说,你可以设置 souremap 选项为 cheap-module-inline-source-map。 注2: 如果你的modu
阅读全文
webpack
摘要:1.extract-text-webpack-plugin该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象;样式合并 该插件有三个参数意义分别如下 2.js/css 压缩 或者 webpack -p 修改后的配置: 插件修改部分: 4. 预编译sass/less s
阅读全文
Gulp和Webpack
摘要:在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中。前端开发过程越来越繁琐,当今越来越多的网站已经从网页模式进化到了 Webapp 模式。它们运行在现代的高级浏览器里,使用 HTML5、 CSS3、 ES6 等更新
阅读全文
gulp使用
摘要:1.node.js安装 node -v(版本号即为正确安装)npm -v(版本号即为正确安装) 2.gulp全局npm install gulp -ggulp -v(版本号即为正确安装)进入项目目录 3.npm init(即新建package.json) 4.插件安装npm install --sa
阅读全文