草庐IT

gulp-webpack

全部标签

javascript - Gulp 在 uglify() 未处理的错误事件上失败

我在执行squish-jquery任务时遇到了问题。当它运行时,它抛出这个错误:Starting'squish-jquery'...events.js:85thrower;//Unhandled'error'event^ErroratnewJS_Parse_Error(/Users/shill7/Documents/socialprojects/social-ops-dashboard-angular/node_modules/gulp-uglify/node_modules/uglify-js/lib/parse.js:196:18)atjs_error(/Users/shill7/

javascript - 使用 Webpack 将 SVG 附加到 DOM

目前,我的公司在我们的AngularJS网络应用程序的index.html中包含一个相当大的SVGSprite图,其中包含各种图标。主SVG由CSS隐藏,我们通过按ID选择它们来显示SVG中的各个图标:我们现在正尝试通过拆分SVG并将生成的部分内联到需要它们的页面上来减少我们网站的加载时间。由于我们也转向Webpack来捆绑我们的应用程序,我们希望在Angular模块中指定特定SVG文件的依赖项,然后让Webpack将SVG的内容(可能包装在div中)插入DOM.有没有办法用现有的装载机实现这一目标?我找到了基本上导出SVG内容的raw-loader。但是,我不知道如何将它与另一个将插

javascript - react-hot-loader 的 webpack 输出文件去哪里了?

首先让我说我设置的一切都有效,这只是一个困扰我的问题,我很想得到答案。我正在使用react-hot-boilerplate项目(https://github.com/gaearon/react-hot-boilerplate)。然而,在webpack.config.js中,这个设置让我困惑不已:output:{path:path.join(__dirname,'dist'),filename:'bundle.js',publicPath:'/static/'},在此配置中,输出文件似乎应该进入项目根目录中的dist文件夹。即使我手动创建dist文件夹(我知道我不应该这样做),也不会输出

javascript - 如何使用 Gulp 插件通过 del 进行通知?

这应该很容易...我正在尝试创建删除已完成的通知。删除=https://www.npmjs.com/package/del通知=https://www.npmjs.com/package/gulp-notify我有:gulp.task('clean',function(){returndel(['distFolder']);});在重建之前清除distFolder中的所有内容。我想做的是如下所示:gulp.task('clean',function(){returndel(['distFolder']).pipe(notify('Cleantaskfinished'));});上面返回

javascript - 如何在根 webpack 文件夹之外进入?

我做了一些测试来处理位于webpack文件夹之外的文件。我有三个简单的文件:/*entry.js*/importstylefrom"./style.css";importstringfrom"./content.js";console.log(string);/*style.css*/body{background:beige;}/*content.js*/exportdefaultstring="Itworksfromcontent.js.";我使用ES6语法,所以我有一个像这样的.babelrc:{"presets":["react","es2015"]}这是我的webpack.c

javascript - Webpack 中的同步需求

我正在使用webpack,我正在使用require来引入一些包。我有两个包:package1.js和package2.js。package1.js只是简单地创建一个具有一些属性的对象,称为pkg1。package2是一个javascript文件,其中包含一个扩展package1的自执行函数。例如package2.js:!function(){pkg1.prototype.newFunction=function{return"foo"};}()我正在尝试以下列方式将这两者都要求到一个新脚本中:require('package1')require('package2')当我这样做时,出现

javascript - 在 webpack 中包含 jquery-sparkline

我第一次尝试使用webpack时遇到了困难。我在浏览器控制台中收到以下错误。ERRORTypeError:$(...).sparklineisnotafunction这是我的webpack.config.vendor.js代码constpath=require('path');constwebpack=require('webpack');//constExtractTextPlugin=require('extract-text-webpack-plugin');constmerge=require('webpack-merge');consttreeShakableModules=

javascript - Webpack 在使用继承缩小/丑化 ES6 代码时删除了类名

Webpack在使用继承缩小/丑化ES6代码时删除了类名:有MVCE我们尝试缩小/丑化的代码:子类:constParentClass=require('parent');classChildextendsParentClass{constructor(){super();}}module.exports=Child;index.js调用Child类:constChild=require('./classes_so/child');letchild=newChild();console.log(child.constructor.name);node_modules中的ModulePar

javascript - Karma 未运行在 karma-webpack 中具有 "import"语句的测试

我有一些测试文件,其中包含我想针对我的应用运行的测试。我正在尝试使用karma、karma-webpack、karma-babel-preprocessor、karma-chrome-launcher和jasmine在我的测试中。我的应用程序依赖于很多东西,包括backbone、marionette等。我的应用程序是使用webpack构建的,我正在尝试使用>webpack将我的文件捆绑在一起进行测试。(我最初想看看我是否可以跳过这一步,即简单地import一个要测试的文件,但似乎这是不可能的。)我的测试脚本看起来像package.json(脚本部分)"test":"./node_mod

javascript - Gulp 3 - 使 js 文件比普通文件大 3 倍

gulp和js文件缩小有问题,gulp使文件大3倍。例如lightgallery.min.js-49kb(从GitHub下载)然后我通过npm下载相同的文件并在js文件中需要(如果我从github插入下载的文件内容相同)global.lightgallery=require('lightgallery');然后运行​​gulp它使文件133kbGULP任务gulp.task('scripts',function(){gulp.src(SOURCEPATHS.jsSource).pipe(browserify()).pipe(uglify()).pipe(rename({extname: