草庐IT

gulp-webpack

全部标签

linux - 安装 gulp browserify 总是报错

我正在尝试使用此命令安装gulp-browserify:npminstallgulp-browserify--save-dev我已经成功安装了许多其他包gulp-autoprefixergulp-concatgulp-minify-cssgulp-sassgulp-uglify所有这些安装都运行良好,这是我的package.json文件的样子{"devDependencies":{"gulp-autoprefixer":"0.0.8","gulp-sass":"~0.7.2","gulp":"~3.8.5","gulp-minify-css":"~0.3.6","gulp-concat

linux - webpack --watch 构建一次后退出

我使用webpack--watch语句以监视模式运行我的webpack以构建我的ReactJS应用程序。但是由于某种原因,它现在停止工作了。它现在只编译一次代码并终止我尝试了这篇SO帖子中建议的方法:webpack--watchisn'tcompilingchangedfiles但是并没有解决我的问题。感谢任何帮助 最佳答案 问题似乎是因为inotifywatchlimit引起的ListenusesinotifybydefaultonLinuxtomonitordirectoriesforchanges.It'snotuncommo

新安webpack插件后编译报错compiler.plugin is not a function

        安装使用generate-asset-webpack-plugin时报错TypeError:compiler.pluginisnotafunction,网上搜索了一下大概就是webpack5与这些插件不匹配。推荐的方法几乎都是换一个适配的插件版本,但我所需要的这个插件在npm上最近更新时间是7年前💔。等不着作者适配于是决定自己改。 先看解决办法:主要也只是webpack升级后,触发钩子的写法变了而已        找到报错的文件,搜索“compiler.plugin”定位到问题所在,修改写法(如下),打个补丁,提交一下✔️。原先代码:compiler.plugin('emit'

node.js - 为什么npx每次都安装webpack?

我有一个与webpack捆绑的JavaScript应用程序。根据文档,我正在使用此命令开始捆绑:npxwebpack每次我得到这个输出:npx:installed1in2.775s我已验证webpack命令存在于我的./node_modules/.bin目录中,npx正在查找该目录。谁能想到为什么每次都下载webpack?完成此步骤最多可能需要7秒,这会减慢我的构建速度。 最佳答案 旧答案:npx不会重用以前安装的包,而是在每次运行时拉下该包的依赖项。更新于2022年5月6日更新npx版本,例如版本。8.3.0:现在npx确实使用以

node.js - 在 VS2015 asp.net core 1.0 项目中使用 gulp 将文件从 node_modules 移动到 wwwroot

当我创建一个新的ASP.NETCore1.0应用程序时,我想使用npm而不是bower。所以我删除了bower.json并另外删除了预装在wwwroot/lib文件夹中的所有内容。我将一个package.json文件添加到我的解决方案中,其中包含以下开发依赖项:"devDependencies":{"bootstrap":"3.3.7","jquery":"3.1.0","jquery-validation":"1.15.1","jquery-validation-unobtrusive":"3.2.6"}但是,NPM将所有库下载到我项目根目录中的node_modules文件夹中。我相

node.js - Webpack DefinePlugin 未将环境变量传递给 Node 服务器

Webpack的DefinePlugin没有通过环境变量。我正在使用Webpackv2.2.1我的Webpackpluginsblock如下:plugins:[newwebpack.DefinePlugin({'process.env.NODE_ENV':JSON.stringify("development"),'process.env.API_URL':JSON.stringify("test")}),newwebpack.optimize.OccurrenceOrderPlugin(),newwebpack.HotModuleReplacementPlugin(),newwebp

node.js - webpack 2 和 stylus-loader 配置文件示例

我一直坚持让手写笔与webpack2一起工作。我正在尝试将手写笔加载器模块添加到我的webpack.config中,但我不知道如何做到这一点。我不是,我没有阅读文档:https://github.com/shama/stylus-loader乍一看,这个示例代码就像小菜一碟(记住,我在这里说的是Webpack2,而不是Webpack1):module:{rules:[{test:/\.styl$/,use:['style-loader','css-loader',{loader:'stylus-loader',options:{use:[stylus_plugin()],},},],}

javascript - Gulp 不创建文件夹?

当我缩小我的css时,我得到了一个不正确的路径,可以从各种库中获取字体。所以,我创建了一个任务,将字体从我的bower_components/文件夹移动到dist/public/fonts:gulp.task('doit',function(){gulp.src(["public/bower_components/bootstrap/dist/fonts/*","public/bower_components/font-awesome/fonts/*"]).pipe(gulp.dest("dist/public/fonts"));});基本上,这应该将我需要的任何字体放入通用字体文件夹

javascript - 如何在 Gulp 中使用 Browserify lib 为模块起别名?

Browserify自述文件描述了创建外部需求,如下所示:$browserify-r通过-rduplexer-r./my-file.js:my-module>bundle.js然后在你的页面中你可以这样做:varthrough=require('through');varduplexer=require('duplexer');varmyModule=require('my-module');/*...*/如果你想使用命令行,这很有效,但我想在gulpfile中使用Browserify。但似乎没有办法在示例中为像./myfile-js:my-module这样的模块添加名称。如果有它的选

node.js - Webpack 捆绑的 express 应用无法查找 View

我运行npmrunstart并且服务器运行良好。当我尝试在localhost查看客户端时,服务器返回错误:获取/50062.700毫秒-2028错误:无法在View目录“/views”中查找View“错误”仅使用源文件时应用程序运行良好。从webpack包运行应用程序时会出现此错误。会导致此错误发生的源文件和捆绑文件之间的区别是什么?npm:3.8.2Node:4.2.6express:4.13.1webpack:1.12.13babel-loader:6.2.4webpack.config.jsvarwebpack=require('webpack');varpath=require