草庐IT

gulp-webpack

全部标签

javascript - 如何让 Winston 与 Webpack 一起工作?

我有一个使用node.js的Electron应用程序。我想使用Winston登录应用程序。我已将winston添加到我的package.json文件中,但是当我运行webpack的构建命令时,我从winston中的colors.js依赖项中收到一些警告。'...therequestofadependencyisanexpression...'然后它引用winston和colors.js。忽略警告不起作用,因为Electron应用程序在尝试从winston加载某些文件时遇到异常。我在SO和github网站上做了一些挖掘,他们说colors.js有一些webpack有问题的动态requir

javascript - 语义 ui 的 `gulp build` 给出错误 'ENOENT: no such file or directory'

版本:gulp@3.9.1我已经通过npminstall安装了semantic-ui并在交互式设置过程中给出了默认设置。但是当我从/semantic文件夹执行gulpbuild时,我收到以下错误:[20:52:27]Starting'build'...BuildingSemantic[20:52:27]Starting'build-javascript'...BuildingJavascript[20:52:27]Starting'build-css'...BuildingCSS[20:52:27]Starting'build-assets'...Buildingassets[20:5

javascript - 使用 Gulp 和 Babel 缩短构建时间

我试图在添加gulp-babel后加快构建时间到我的构建过程...起初我以为gulp-cached可能会有所帮助,但这会导致编译后的文件仅包含最近编辑过的那些文件(我现在明白了gulp-cached是如何工作的)。没有babel我的构建时间是使用babel最多1.5秒。我当然希望它回到200ms...有什么想法吗? 最佳答案 使用gulp-cached和gulp-remember。只有已更改的文件才会通过管道,然后gulp-remembers将它们全部添加回去。:)returngulp.src(array).pipe(cached(

javascript - 如何从 GULP 将变量值注入(inject) JS 文件

希望这是一个快速的问题。我正在尝试做的是在使用GULP构建文件时将时间戳添加到JS文件中的Javascript对象中。基本上,在“file.js”中,我有一个对象,我希望其中的object.timeStamp等于GULP构建的时间。我目前正在使用gulp-header在文件顶部添加时间戳,但系统要求我将时间戳添加到对象中的属性。我的想法是从GULP中注入(inject)值,但目前我发现的所有注入(inject)插件都是将一个文件的内容注入(inject)到目标文件中。如有任何帮助,我们将不胜感激。 最佳答案 你在使用任何类型的模块吗

javascript - 如何使用 webpack 更改 `sourceMappingURL`

我的生产webpack配置是:{output:{publicPath:"https://cdn.example.com/sub-directory/",filename:'[name]-[chunkhash].min.js'},devtool:'source-map',plugins:[newwebpack.optimize.UglifyJsPlugin()]}现在我有两个文件app-12345.min.js和app-12345.min.js.map。我还为主脚本自动生成了CDNURLhttps://cdn.example.com/sub-directory/app-12345.min

javascript - 在 webpack 的 css 和 js 文件中更新 chunkhash

我在输出中只有JS文件,而我使用ExtractTextPlugin提取Css文件。它们的名称中都有chunkhash。我的问题是只有在对JS进行更改时才会创建新的chunkhash并且不是CSS。我也想要新的chunkhash来更改Css文件。在我的webpack.config.js文件中。varwebpack=require("webpack");varHtmlWebpackPlugin=require('html-webpack-plugin');varExtractTextPlugin=require("extract-text-webpack-plugin");module.e

javascript - webpack-cli@3.0.8 需要 webpack@^4.x.x 的对等体,但没有安装

在使用React时遇到了一些麻烦。有谁知道如何安装webpack@^4.x.x的peer?这是我尝试运行时收到的错误webpack-dev-server在命令中。它只是返回webpack-cli@3.0.8requiresapeerofwebpack@^4.x.xbutnoneisinstalled.Youmustinstallpeerdependenciesyourself. 最佳答案 webpack-dev-server将Webpack作为peerdependency,这意味着您需要自行安装。您可以使用以下命令安装最新版本的We

javascript - 为什么 Gulp 在运行依赖它的任务之前没有完成我的 'clean' 任务?

我有一个gulpfile,它应该在压缩代码之前清理我的dist目录。有时,清理任务仍在运行,而代码正在缩小,导致一些文件丢失。是什么导致它这样做?我的理解是任务的依赖将在任务运行之前完成,并且一个依赖只会运行一次,即使它是多个任务的依赖。vargulp=require('gulp');vargulpLoadPlugins=require('gulp-load-plugins');varplugins=gulpLoadPlugins();vardel=require('del');gulp.task('default',['css','js','fonts']);gulp.task('c

javascript - Webpack sass loader 无法识别全局变量文件

我有这个sass目录:-_vars.scss-main.scss//变量.scss$base-container:1400px;//main.scss@import'./vars';在我的其他js文件中:require('./some-module-sass-file');//some-module-sass-file.scss.container{width:$base-container;}问题是我在vars文件中有全局变量,而some-module-sass-file无法识别它们并抛出错误:undefinedvariable$base-container

javascript - 路径更改时 Webpack 从错误的 URL 加载

我正在编写一个React应用程序,当我导航到localhost:3000时一切正常,但是当我尝试转到localhost:3000/foo/page时,我收到一条错误消息,告诉我无法加载localhost:3000/foo/bundle.js。对我来说,这看起来像是Webpack在错误的位置查找bundle.js的问题,但我不确定。如何让应用程序始终查看bundle.js的localhost:3000?这是我的一些webpack配置。varTARGET=process.env.npm_lifecycle_event;varROOT_PATH=path.resolve(__dirname)