草庐IT

gulp-webpack

全部标签

javascript - 如何使用 webpack 加载库源映射?

我正在使用webpack构建两个项目;一个是另一个的图书馆。在构建包装器项目时是否可以使用我的库项目中的源映射?我希望能够从我的包装器UI调试我的库代码。我的构建工作正常,因为库是内置的。唯一的问题是源映射。我在浏览器调试器中看到的JavaScript被丑化了,因为源映射不可用。我的项目结构片段:+--my-ui/+--dist/+--my-ui.js+--my-ui.js.map+--node_modules/+--my-lib/+--dist/+--bundle.js+--bundle.js.map来自webpack.config.js的片段:module.exports={ent

javascript - gulp 任务必须返回任何东西吗?

在显示gulp用法的在线示例中,一些任务返回流,而另一些则不返回。例如,没有返回:gulp.task('tsc',function(){gulp.src('**/*.ts')//...});同样的代码,返回:gulp.task('tsc',function(){returngulp.src('**/*.ts')//...});是否需要返回流? 最佳答案 如果您不返回流,则每个任务的异步结果将不会被其调用者等待,也不会被任何依赖任务等待。例如,当不返回流时:$gulpscripts[21:25:05]Usinggulpfile~/my

javascript - gulp 任务必须返回任何东西吗?

在显示gulp用法的在线示例中,一些任务返回流,而另一些则不返回。例如,没有返回:gulp.task('tsc',function(){gulp.src('**/*.ts')//...});同样的代码,返回:gulp.task('tsc',function(){returngulp.src('**/*.ts')//...});是否需要返回流? 最佳答案 如果您不返回流,则每个任务的异步结果将不会被其调用者等待,也不会被任何依赖任务等待。例如,当不返回流时:$gulpscripts[21:25:05]Usinggulpfile~/my

javascript - 如何使用 gulp 正确清理项目?

关于gulppage有以下例子:gulp.task('clean',function(cb){//Youcanusemultipleglobbingpatternsasyouwouldwith`gulp.src`del(['build'],cb);});gulp.task('scripts',['clean'],function(){//MinifyandcopyallJavaScript(exceptvendorscripts)returngulp.src(paths.scripts).pipe(coffee()).pipe(uglify()).pipe(concat('all.mi

javascript - 如何使用 gulp 正确清理项目?

关于gulppage有以下例子:gulp.task('clean',function(cb){//Youcanusemultipleglobbingpatternsasyouwouldwith`gulp.src`del(['build'],cb);});gulp.task('scripts',['clean'],function(){//MinifyandcopyallJavaScript(exceptvendorscripts)returngulp.src(paths.scripts).pipe(coffee()).pipe(uglify()).pipe(concat('all.mi

javascript - gulp:uglify 和 sourcemaps

我正在使用gulp。我想将一个或多个JS文件(例如jQuery)合并为一个文件,将其缩小,然后将其写入分发文件夹。我是这样做的:minifyJS(['/js/myModule.file1.js','/js/myModule.file2.js'],'/dist/js','myModule')函数:functionminifyJS(sourceFiles,destinationFolder,filenameRoot){returngulp.src(sourceFiles).pipe(plumber())//.pipe(sourcemaps.init())here???.pipe(conca

javascript - gulp:uglify 和 sourcemaps

我正在使用gulp。我想将一个或多个JS文件(例如jQuery)合并为一个文件,将其缩小,然后将其写入分发文件夹。我是这样做的:minifyJS(['/js/myModule.file1.js','/js/myModule.file2.js'],'/dist/js','myModule')函数:functionminifyJS(sourceFiles,destinationFolder,filenameRoot){returngulp.src(sourceFiles).pipe(plumber())//.pipe(sourcemaps.init())here???.pipe(conca

javascript - 使用 webpack 导入 angularjs 的最佳实践是什么?

Webpack和AngularJS如何结合使用,模板加载和按需获取资源如何?非常感谢为此目的编写良好的webpack.config.js文件示例。此处显示的所有代码片段均可在thisgithubrepo访问.代码已大量改编自thispacketloopgitrepo.webpack.config.jsonvarpath=require('path');varResolverPlugin=require("webpack/lib/ResolverPlugin");varconfig={context:__dirname,entry:['webpack/hot/dev-server','.

javascript - 使用 webpack 导入 angularjs 的最佳实践是什么?

Webpack和AngularJS如何结合使用,模板加载和按需获取资源如何?非常感谢为此目的编写良好的webpack.config.js文件示例。此处显示的所有代码片段均可在thisgithubrepo访问.代码已大量改编自thispacketloopgitrepo.webpack.config.jsonvarpath=require('path');varResolverPlugin=require("webpack/lib/ResolverPlugin");varconfig={context:__dirname,entry:['webpack/hot/dev-server','.

javascript - 如何向具有多个加载器的 webpack 加载器添加查询?

我有一个正在运行的Babel加载器{test:/\.jsx?$/,loader:'babel',query:babelSettings,exclude:/node_modules/},但现在我想要一个CoffeeScript加载器,但我想通过Babel将其通过管道传输以获得花哨的HMR内容{test:/\.coffee$/,loader:'babel!coffee',query:babelSettings,exclude:/node_modules/},但这不起作用,并导致以下错误。Error:Cannotdefine'query'andmultipleloadersinloaders