随笔分类 - 前端自动化

使用 ng build 构建后资源地址引用错误的问题

摘要：最近使用 Angular 做项目的时候，通过 ng build 打包后的资源地址都带有 localhost:4200，百思不得其解，以为是打包的问题。最后在 index.html 的文件中发现有一个 <base> 标签，原来这个标签会在页面的所有链接上添加默认地址。以下是详细说明： <base> 阅读全文

posted @ 2018-04-30 23:24 叙帝利阅读(1210) 评论(0) 推荐(0) 编辑

使用 gulp-file-include 构建前端静态页面

摘要：前言虽然现在单页面很流行，但是在 PC 端多页面还是常态，所以构建静态页面的工具还有用武之地。最近也看到了一些询问如何 include HTML 文件的问题。很多时候我们在写静态页面的时候也希望能和后台模板一样，将导航、页头、页脚等公用的部分分离出去，然后引入页面中。单纯的静态页面不具备这种功能阅读全文

posted @ 2017-11-10 16:46 叙帝利阅读(10803) 评论(0) 推荐(1) 编辑

使用 webpack 打包 font 字体的问题

摘要：之前在使用 Vue 做项目的时候使用了 font 字体，然而在打包的时候 font 字体的引用路径不正确。解决办法就是在 webpack 的配置文件中设置根路径目录在 \config\index.js 中，设置 assetsPublicPath:'\' 即可阅读全文

posted @ 2017-06-27 22:32 叙帝利阅读(3442) 评论(0) 推荐(0) 编辑

Yeoman 官网教学案例：使用 Yeoman 构建 WebApp

摘要：本文是对 Yeoman 官网教学案例的翻译。 STEP 1：设置开发环境与 Yeoman 的所有交互都是通过命令行。Mac 系统使用 terminal.app，Linux 系统使用 shell，windows 系统可以使用 cmder/PowerShell/cmd.exe。 1.1 安装条件安装阅读全文

posted @ 2016-08-08 22:56 叙帝利阅读(18787) 评论(0) 推荐(2) 编辑

展望未来：使用 PostCSS 和 cssnext 书写 CSS

摘要：原文：A look into writing future CSS with PostCSS and cssnext 译者：nzbin 像 Twitter，Google，BBC 使用的一样，我打算对 CSS 后处理器 PostCSS 的世界一探究竟。 PostCSS是什么？ PostCSS 是使用阅读全文

posted @ 2016-08-06 20:05 叙帝利阅读(10254) 评论(0) 推荐(4) 编辑

node-sass 安装失败的解决措施

摘要：在测试gulp-webapp的时候遇到了 styles 不能被正常编译的问题，究其原因是node-sass没有被正常安装。根本原因是国内网络的原因。最终的解决方法是通过淘宝的npm镜像安装node-sass 首先安装cnpm 然后安装node-sass 最后安装gulp-sass 重新运行$ g 阅读全文

posted @ 2016-08-03 14:37 叙帝利阅读(565) 评论(0) 推荐(0) 编辑