当前位置: 首页 > 工具软件 > gulp-ngmin > 使用案例 >

angularjs gulp 笔记

呼延源
2023-12-01

gulp 安装

https://www.gulpjs.com.cn/docs/getting-started/quick-start/ 官网

压缩合并angularjs

const gp = require('gulp');

const concat = require('gulp-concat');

const uglify = require('gulp-uglify');

const gutil = require('gulp-util') //输出日志用

const minify = require('gulp-minify')

const ngmin = require('gulp-ngmin'); //针对angular 的压缩  用minify 解决了,就没用,详见问题3

const sourcemaps = require('gulp-sourcemaps');

const clean = require('gulp-clean'); //删除文件

async function maps() {
    return await src(['src/**/*.js','src/*.js'])  //官网src()
        //.pipe(sourcemaps.init())  //sourcemaps 测试环境用
        .pipe(concat('main.js')) //合并
        .pipe(minify({mangle:true, compress: true})) //压缩
        . on('error', function (err) {gutil.log(gutil.colors.red('[Error]'), err.toString())})  //错误日志
        //.pipe(sourcemaps.write())
        .pipe(dest('static/adminapp')); //输出流   生成mian.min.js
}

常见错误

1.gulp 仅支持异步 callback promise async 方法必须是异步的
2. npm install --save-dev gulp-clean 所有包 按照这个安装
3. Unknown provider: eProvider <- e <- 是因为 .controller(‘userController’, [ s c o p e " , " scope"," scope","http”,function ($scope, $http) 黄色部分没有注入 传入function

 类似资料: