草庐IT

gulp-webpack

全部标签

javascript - 无法解决在 typescript/webpack 中找不到模块 'rxjs'

我在将rxjs加载到简单的webpack设置(没有Angular)时遇到了问题。我在跑:./node_modules/.bin/webpack--configwebpack.config.js--watch启动webpack。该应用程序的唯一文件src/app.ts以:开头import{Observable}from'rxjs';并且此行在VSCode和webpack控制台中突出显示并出现此错误:Cannotfindmodule'rxjs'.但整体输出效果很好。只是这个控制台错误。tsconfig.json:{"compilerOptions":{"target":"es2015"},

javascript - 使用 Webpack 时 Typescript 编译器 "cannot find module"需要 CSS/图像 Assets

我正在编写vanillaJavascript,但使用Typescript编译器的checkJs选项在VSCode中进行类型检查。我将Webpack设置为加载各种Assets类型(CSS、图像等),这对于构建工作正常,但代码将这些语句视为错误。例如,在这段代码中require("bootstrap");require("bootstrap/dist/css/bootstrap.css");varimg=require("../img/image.png");第一行很好,但接下来的两行都在require()的(字符串)参数下显示错误,工具提示为“找不到模块(名称)”。我已经安装了@type

javascript - 浏览器同步(在 gulp 下)不刷新浏览器

我的配置做了它应该做的一切,但它从不刷新浏览器。一旦我手动刷新它,就会有变化。我正在连接到默认的localhost:3000。任何想法为什么会这样或如何调试它?gulpfile.js:vargulp=require('gulp');varsass=require('gulp-sass');varsourcemaps=require('gulp-sourcemaps');varbrowserSync=require('browser-sync');gulp.task('html',function(){browserSync.reload();});gulp.task('sass',fu

javascript - 使用 react webpack 文件加载器提供静态 pdf

我正在提供一些静态文件,如图像和字体,没有任何问题。当我尝试对PDF文件执行相同操作时,出现错误。ERRORin./src/views/default/components/Footer.jsc:\Resurs\repos\Frontend\src\views\default\components\Footer.js5:17errorParseerrorsinimportedmodule'src/includes/ANVANDARAVTAL_MITTKONTOR.pdf'import/default✖1problem(1error,0warnings)ERRORin./src/view

javascript - webpackJsonp 未定义 : webpack-dev-server and CommonsChunkPlugin

这是我的webpack.config.js文件:constwebpack=require('webpack');constpath=require('path');module.exports={cache:true,devtool:'source-map',entry:{app:['./src/index.js'],vendor:['lodash']},output:{filename:'bundle.js',path:path.join(__dirname,'dist'),publicPath:'/dist/',pathinfo:true},module:{loaders:[{te

javascript - 模块构建错误 : pngquant ENOENT - webpack build succeeds on local OS X, 在 AWS Ubuntu 16.04 服务器上失败

我试图从头到尾找到答案,但似乎还没有答案。我正在使用React-Toolbox、React-Bootstrap和一些自定义scss。在我的本地机器上,构建工作正常。当我启动AWSUbuntu服务器并进行基本的节点生产设置时,在我的图像上构建失败。我正在使用Image-Webpack-Loader。我在文件加载器上链接它。这是我的生产webpack文件(对此的任何提示也非常感谢。总是认真学习)letwebpack=require('webpack');letHtmlWebpackPlugin=require('html-webpack-plugin');letExtractTextPlu

javascript - 从 Webpack 的 require.context 中排除文件

我试图在Webpack的require.context中包含我的Istanbul尔记者应该涵盖的所有文件。我想包含/要求app下没有.test.js扩展名的所有文件。//internals/testing/test-bundler.jsconstcontext=require.context('../../app',true,/^.*(?!(\.test|internals.*))\.js$/);context.keys().forEach(context);我的文件结构是:app/components/app/containers/app/decorators/app/orm/app

javascript - 如何管理 Webpack/Electron 应用程序的配置?

我正在使用Webpack2和Electron在Mac上构建nodejs应用程序。在我的项目根目录中,我有一个目录“data”,我将配置存储在json中,例如data/configurations/files.json(实际上有不同的文件具有动态名称)在webpackaing之后,当我打电话时:fs.readdirSync(remote.app.getAppPath());为了在根目录中获取文件,我只打包了这些文件:["default_app.js","icon.png","index.html","main.js","package.json","renderer.js"]path.j

javascript - Gulp.js 以特定顺序阻塞运行任务

使用gulp.js我有三个任务(uglify、buildHTML、rmRevManifest)我想作为父构建任务的一部分运行。我的代码有效,除了它并行运行任务(即不保留顺序)。我怎样才能让任务阻塞并且在上一个完成之前不运行下一个?即现在执行顺序返回为:[11:50:17]gulp-notify:[Gulpnotification]Deleted'rev-manifest.json'.[11:50:17]gulp-notify:[Gulpnotification]Created'build/index.html'.[11:50:17]gulp-notify:[Gulpnotificati

javascript - 如果满足条件,停止 Gulp 任务

我正在努力做到这一点,如果未指定--theme标志,它会停止gulp任务并想知道以DRY方式完成它的最佳方法。如果未指定--theme,我希望每个单独的任务都停止,如果不满足,我也希望默认任务停止。到目前为止,我已经尝试了一些没有运气的事情。谢谢,gulp.task('test',function(){if(typeof(args.theme)=='undefined'||args.theme===true){console.log(msg.noTheme);return;//endtask}//runrestoftask...});gulp.task('test-2',functio