标签：前端构建

搭建前端开发环境——docker篇

一、解决痛点免搭建前端静态环境分支切换，无需重新启动编译（package.json或gulpfile.js文件改变除外） nginx可自行配置，满足不同项目的需求二、前端静态搭建思路基于ubuntu系统环境，利用…

对于webapck的初学者来讲，最受挫的就是引入jQuery及jQuery插件时，总是会遇到各种问题。在网上一搜，总能发现多种解决方案，什么externals，providePlugin，vendor,export-lo…

构建工具是如何用 node 操作 html/js/css/md 文件的从本质上来说，html/js/css/md ... 源代码文件都是文本文件，文本文件的内容都是字符串，对文本文件的操作其实就是对字符串的操作。操作…

随着项目的不断迭代，我们的css会不断变大，但通常页面上需要用到的样式并没有那么多，很多样式是无用的，而如果靠人工去剔除，吃力又容易出错。有痛点就应该去想办法解决。那么有没有办法通过自动化来把这些无用的样式剔除呢？答案…

引言在企业应用中权限、复杂页多路由数据处理、进入与离开路由数据处理这些是非常常见的需求。当希望用户离开一个正常编辑页时，要中断并提醒用户是否真的要离开时，如果在Angular中应该怎么做呢？其实Angular路由守…

细说 js 压缩、sourcemap、通过 sourcemap 查找原始报错信息 1. js 压缩 js 压缩对前端开发者来说是一门必修课。一般来说，压缩 js 主要出于以下两个目的：减小代码体积，加快前端资源加载速…

搭建自己的前端脚手架一般新开发一个项目时，我们会首先搭建好一个脚手架，然后才会开始写代码。搭建脚手架可以用 create-react-app、vue-cli、yeoman 等命令行工具，也可以直接用 html5-boi…

进阶组件库按需引入在现在，一切的组件会被打包进一个文件，组件库是一骨碌加载完一切组件，同时也会打包和加载过剩的代码。关于小项目如许没有题目，然则当组件库愈来愈巨大、雄厚，特别是像我们带营业逻辑的非js库，代码量会更大…

跟着项目的不停迭代，我们的css会不停变大，但一般页面上须要用到的款式并没有那末多，许多款式是无用的，而假如靠人工去剔除，费劲又轻易失足。有痛点就应该去想方法处理。那末有无方法经由过程自动化来把这些无用的款式剔除呢？答…

经由历程这个教程进修怎样运用JavaScript打包东西Rollup合营PostCSS来庖代Grunt或Gulp处置惩罚款式文件。上一篇文章中，我们完成了运用Rollup打包前端JavaScript入门。这篇文章包括…

基础熟悉开辟环境和线上环境的辨别在很久以前，前端的布置实在比较简朴，开辟环境下，静态资本往服务器上面一扔就ok了，假如斟酌下优化或许代码庇护，也只是加一个代码紧缩和殽杂。没错，刚入行的时刻我就是这么干的。。。然则跟…