![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
构建工具
寒 枫
一条喜欢研究代码的单身狗
展开
-
【gulp】配置es6转es5
先安装node,然后来到项目根目录 安装gulp npm install gulp 初始化一下 npm init -y 安装babel npm install --save-dev gulp-babel babel-core 安装 ES6 转换成 ES5 插件 npm install --save-dev babel-preset-es2015 在项目根目录创建文件 .ba...原创 2019-03-21 20:05:53 · 1906 阅读 · 0 评论 -
webpack学习笔记
1,webpack如何构建多入口文件 webpack构建单入口文件时 webpack构建多入口文件时 module.exports = { entry: { bundle1: './main1.js', bundle2: './main2.js' }, output: { filename: '[name].js' } }; 2,webpack.co...原创 2019-04-04 15:50:48 · 113 阅读 · 0 评论 -
gulp学习笔记
1,安装 项目根目录下安装、 npm install gulp -g npm install gulp -D 不同任务安装不同的gulp插件模块 npm install --save-dev gulp-uglify 2,配置 项目根目录创建gulpfile.js,是Gulp的配置文件。 var gulp = require('gulp'); //引入gulp及其插件 var uglify =...原创 2019-04-05 14:45:36 · 244 阅读 · 0 评论 -
gulp配置gulpfile
const gulp = require('gulp'); //引入gulp及其插件 const uglify = require('gulp-uglify'); const babel = require('gulp-babel'); const sass = require('gulp-sass'); const minicss = require('gulp-minify-css'); ...原创 2019-04-24 22:28:52 · 893 阅读 · 0 评论 -
配置常用webpack
loader file-loader url-loader :把图片转成base64 @babel/preset-env @babel/core babel-loader :es6转es5 node-sass sass-loader style-loader css-loader : sass转css plugin MiniCssExtractPlugin :把css文件分离出来 DefinePl...原创 2019-08-28 21:16:32 · 94 阅读 · 0 评论