前言：RequireJS版本：2.3.5Node版本：v8.11.2（打包之前需要安装）一、安装RequireJSnpm install -g requirejs（需要提前安装nodejs）二、单模块打包单文件r.js.cmd -o baseUrl=static name=test out=built.js解读：baseUrl是需要打包的模块所在的文件夹 ...
原创
2022-02-17 15:11:49
1338阅读
前言：RequireJS版本：2.3.5Node版本：v8.11.2（打包之前需要安装）一、安装RequireJSnpm install -g requirejs（需要提前安装nodejs）二、单模块打包单文件r.js.cmd -o baseUrl=static name=test out=built.js解读：baseUrl是需要打包的模块所在的文件夹 ...
原创
2021-09-08 13:23:09
1419阅读
require.js 参考阮一峰 Javascript模块化编程(三)：require.js的用法r.js 合并压缩 参考司徒正美 r.js合并实践 vue.js 原本是学习vue组件 require.js 然后想到用require 加载 r.js 文件太多 合并 忽略部分文件及文件夹 先引入vue
转载
2016-10-14 16:32:00
103阅读
FastAdmin 中 的 layer js 使用 r.js 压缩出现的问题 https://fly.layui.com/jie/2120/ layer是requirejs压缩文件r.js里面的关键字，换个别名就可以成功压缩了，找了半天才发现，所以应该这样配置 requirejs.config({
转载
2018-11-15 23:00:00
51阅读
2评论
gulp学习记录npm init -y yarn add gulp -D 修改 package.json "scripts": { "build": "gulp" }, // 查看版本 npx gulp --version 新建 gulpfile.js // 重命名 gulp-rename // 压
原创
2022-06-05 01:44:37
193阅读
1、安装nodejs，如已安装请忽略2、安装grunt，npm install grunt3、配置package.json和gruntfile.js文件，详解请见想合并整个文件夹的文件请安装grunt-contrib-concat，想压缩某个文件请安装grunt-contrib-cssminhttp://learningtogrow.blog.51cto.com/3076238/1909487 h
原创
2017-03-23 10:50:36
1195阅读
requie.js 和backbone.js 这里就不说了，能够去看官方文档，都非常具体！ 可是使用require.js 默认带的压缩方式感觉不是非常方便，所以本文主要讲 利用r.js压缩，来实现本地不压缩，生产环境压缩 r.js 是执行在
转载
2017-07-03 16:49:00
42阅读
2评论
我们要如何将他们合成一个libs文件，这都是令人头疼的问题但是grunt的出现却
转载
2023-07-24 20:18:12
154阅读
什么是Webpack
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。
Webpack安装
全局安装
npm install webpack -g
npm install webpack‐cli -g
安装后查看
原创
2021-07-02 11:42:51
693阅读
什么是WebpackWebpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，
原创
2022-01-19 11:10:25
88阅读
一，为什么要用smarty进行打包apache中也有给js,css这样的静态文件进行打包压缩的模块，但是本文所说的不是以这种方式进行的打包，而是和smarty结合的方式来把网站中的js,css文件进行打包。为什么要进行打包呢，主要目的是为了合理的管理自己的代码 <script type="text/javascript" src="js/util.js?20100429001"&
原创
2022-09-16 21:04:37
114阅读
PyPI: ://pypi.org/project/Flask-Assets/Github: ://github.com/miracle2k/flask-
原创
2022-02-13 09:07:29
394阅读
PyPI: https://pypi.org/project/Flask-Assets/Github: https://github.com/miracle2k/flask-assetsDoc: https://flask-assets.readthedocs.io/Doc: https://webassets.readthedocs.io/Flask-Assets 基于 webassets，个人感觉是Python版的webpack安装pip install Flask-Assets使用.
原创
2021-07-12 10:14:17
223阅读
1、编写src/css/main.css#app a{ display: inline-block; width: 150px; line-height: 30px; background-color: dodgerblue; col...
原创
2023-07-17 14:22:54
72阅读
// { // test:/\.css$/, // use:['style-loader','css-loader'] // } , { test:/\.scss$/, use:[ 'style-loader', // 'css-loader', { loader:'css-loader', opt
原创
2021-11-29 15:08:59
126阅读
目录
webpack介绍
前端模块化和打包概念介绍
webpack和grunt/gulp的对比
webpack和nodejs的关系
webpack安装
webpack使用示例
环境搭建
使用webpack打包
使用打包后的js文件
入口和出口
局部安装webpack
package.json中定义启动
实践定义： 引用： 因为CommonJS规范的代码浏览器是不认识的，所以需要借助web
原创
2022-01-19 14:56:12
179阅读
目录webpack介绍前端模块化和打包概念介绍webpack和grunt/gulp的对比webpack和nodejs的关系webpack安装webpack使用示例环境搭建使用webpack打包使用打包后的js文件入口和出口局部安装webpackpackage.json中定义启动实践定义：引用：因为CommonJS规范的代码浏览器是不认识的，所以需要借助webpack对上述代码进行转换：查看结果：代码内容：在index.html中引用：
原创
2021-07-05 13:48:41
437阅读
解决css样式冲突的解决方案官网链接：CSS IN JSstyled-components 是一种新的语法，需要学习CSS Modules 脚手架中已经集成，学习成本也低CSS Modules是独立于框架的一种编写css方案，可以在react中使用，也可以在vue中使用，任何解决css冲突的地方使用css Modules 说明css Modules 在项目中怎么使用###
原创
2022-11-18 10:00:18
100阅读
前言：学习自https://www.bilibili.com/video/BV1BU4y147pS?p=29文章目录Webpack一、概述二、安装三、在项目中的用法W
原创
2022-11-02 00:12:59
68阅读
参考打包教程：
http://www.tuicool.com/articles/viequay
https://github.com/Platform-CUF/use-gulp
实现要点：
1、如何运行gulp的任务，加入新建好一个如下任务：
// 语法检查
gulp.task('jshint', function () {
gulp.src('js/**/*.js')
转载
2016-12-22 09:50:00
284阅读
2评论
