草庐IT

javascript - 如何使用 Webpack 将静态文件复制到构建目录?

我正在尝试从Gulp转移到Webpack。在Gulp我有将所有文件和文件夹从/static/文件夹复制到/build/文件夹的任务。如何对Webpack做同样的事情?我需要一些插件吗? 最佳答案 使用文件加载器模块要求Assets是webpack的预期使用方式(source)。但是,如果您需要更大的灵active或想要更简洁的界面,您也可以使用我的copy-webpack-plugin(npm、Github)直接复制静态文件。对于您的static到build示例:constCopyWebpackPlugin=require('cop

json - 如何在 webpack-dev-server 中使用 VS Code 调试器(忽略断点)

我只想让VSCode的调试器与webpack-dev-server一起工作,而不忽略我的断点。现在,webpack-dev-server从内存中提供捆绑的文件,而如果我理解正确的话,VSCode调试器会在磁盘上搜索它们(...或者不是?...)因此,每当我设置断点时,我都会感到害怕断点被忽略,因为找不到生成的代码(源映射问题?)现在,我能找到的每个相关问题都主要与typescript有关,而不是webpack-dev-server从内存中提供服务这一事实。我没有使用typescript。似乎人们要么没有使用webpack-dev-server,要么我错过了一些明显的东西,我的钱花在了后

javascript - 为什么我的 webpack bundle.js 和 vendor.bundle.js 这么大?

我所有的React项目的文件都非常大(bundle.js为4.87mb,vendor.bundle.js为2.87mb)。我不知道为什么它这么大。我已经启用了uglifyJS,但这似乎没有多大帮助(5.09>4.87mb和2.9>2.87mb)varwebpack=require('webpack');varExtractTextPlugin=require("extract-text-webpack-plugin");require('es6-promise').polyfill();varconfig={entry:{app:['./src/entry.jsx'],vendor:[

javascript - 需要一个带有 webpack 的模块

我使用Webpack来构建我的网站的javascript。一切正常,但我想将require调用到模板中(动态添加)。我希望能够在构建之后需要一个模块。(require未定义到全局上下文中)。有可能吗?谢谢 最佳答案 您现在可以选择创建context在window上全局公开。我使用以下代码段取得了成功://Createa`require`functionintheglobalscopesothatscriptsthathave//notbeenwebpack'dyetcanstillaccessthem.window["require

javascript - 与 webpack/browserify 捆绑时如何排除代码路径?

我有一个可以与node.js和浏览器一起使用的库。我正在使用CommonJS,然后使用webpack发布Web版本。我的代码如下所示://ForbrowsersuseXHRadapterif(typeofwindow!=='undefined'){//Thisadapterusesbrowser'sXMLHttpRequestrequire('./adapters/xhr');}//FornodeuseHTTPadapterelseif(typeofprocess!=='undefined'){//Thisadapterusesnode's`http`require('./adapte

javascript - webpack common chunks 插件 vs webpack dll 插件

在我使用webpackcommonchunks插件创建包含第三方库(如angular、react、lodash等)的vendor包之前,但后来我知道了webpackdll插件。他们似乎做同样的事情,但dll插件也可以让你减少构建时间。所以我很困惑我是否需要同时使用这两个插件。我应该使用通用block插件在生产构建中创建vendor包,并在开发构建中使用dll插件。或者我应该在生产和开发版本中使用dll插件?你能解释一下吗? 最佳答案 对不起,答案很长,但我们希望它可以帮助使事情更清楚。CommonsChunkPlugin原理项目作者

javascript - 使用 Webpack 基于环境的条件构建

我有一些东西要开发-例如,我不想让我的分布式构建文件膨胀的模拟。在RequireJS中,您可以在插件文件中传递一个配置,并在此基础上要求一些东西。对于webpack,似乎没有办法做到这一点。首先为我使用过的环境创建运行时配置resolve.alias根据环境重新指出需求,例如://Allsettings.varall={fish:'salmon'};//`envsettings`isanaliasresolvedatbuildtime.module.exports=Object.assign(all,require('envsettings'));然后在创建webpack配置时,我可以

javascript - webpack中的XX个隐藏模块是什么意思

我一直在玩webpack,在构建过程中我看到它的输出:+27个隐藏模块。这是什么意思?它是否检测我正在使用的全局常量而不需要它们? 最佳答案 Webpack隐藏来自["node_modules","bower_components","jam","components"]等文件夹的模块默认情况下在您的控制台输出中。这有助于您专注于您的模块,而不是您的依赖项。您可以使用--display-modules参数来显示它们。 关于javascript-webpack中的XX个隐藏模块是什么意思,

javascript - 如何在没有require语句的情况下使用webpack加载目录中的所有文件

我有大量的javascript文件在我的应用程序中分成4个子目录。在grunt中,我将它们全部抓取并编译成一个文件。这些文件没有module.exports函数。我想使用webpack并将其拆分为4个部分。我不想手动进入并需要我的所有文件。我想创建一个插件,在编译时遍历目录树,然后获取所有.js文件名和路径,然后需要子目录中的所有文件并将其添加到输出中。我希望将每个目录中的所有文件编译成一个模块,然后我可以从我的入口点文件中获取该模块,或者包含在http://webpack.github.io/docs/plugins.html的Assets中提及。添加新文件时,我只想将它放到正确的目

ruby-on-rails - 如何从 Rails App 中完全删除 webpack 及其所有依赖项

我用thistemplate创建了我的rails包括webpack,我仍然在app/assets/javascript中编写我的javascript代码。我正在尝试将我的应用程序部署到heroku,但它一直失败,我收到此错误"remote:/tmp/build_6f0656280cbbda40c5832ccb79fc1783/vendor/bundle/ruby/2.3.0/gems/bundler-1.15.2/lib/bundler/rubygems_integration.rb:432:in`blockinreplace_bin_path':can'tfindexecutable