草庐IT

webpack-dev-middleware

全部标签

javascript - Webpack 和外部库

我正在试用webpack(http://webpack.github.io/),它看起来非常好,但我有点卡在这里。假设我正在为一个库使用CDN,f.exjQuery。然后在我的代码中,我希望require('jquery')自动指向全局jquery实例,而不是尝试从我的模块中包含它。我试过使用像IgnorePlugin这样的插件:newwebpack.IgnorePlugin(newRegExp("^(jquery|react)$"))这适用于忽略库,但它仍然说当我运行webpacker时所需的模块“丢失”。我需要以某种方式告诉webpackjquery应该从全局上下文中获取。看起来像

javascript - 使用 webpack、ES6 和 Babel 进行调试

这看起来应该是相对容易实现的事情,但是唉。我有ES6类:'usestrict';exportclassBaseModel{constructor(options){console.log(options);}};和使用它的根模块:'usestrict';import{BaseModel}from'./base/model.js';exportletinit=functioninit(){console.log('InBundle');newBaseModel({a:30});};我的目标是:通过Babel传递上述代码,得到ES5代码使用webpack打包模块能够调试结果经过一些尝试,这

javascript - Angular Cli Webpack,如何添加或捆绑外部 js 文件?

在将AngularCli从SystemJs切换到Webpack后,我不确定如何包含JS文件(vendor)。例如选项A我有一些通过npm安装的js文件。像这样在head标签中添加script标签是行不通的。这似乎也不是最好的方法。//WithsystemJsIcoulddothis选项B将这些js文件作为webpack包的一部分包含在内。这似乎应该是这样做的。但是我不确定如何执行此操作,因为所有webpack代码似乎都隐藏在angular-cli-webpack节点包后面。我在想也许还有另一个我们可以访问的webpack配置。但我不确定,因为我在创建新的angular-cli-webp

javascript - 找不到模块 'babel-core' 中的错误。使用 react.js、webpack 和 express 服务器

每当我在终端中运行webpack时,我都会得到:Hash:efea76b1048c3a97b963Version:webpack1.12.13Time:33ms+1hiddenmodulesERRORinCannotfindmodule'babel-core'这是我的webpack.config.js文件module.exports={entry:'./app-client.js',output:{filename:'public/bundle.js'},module:{loaders:[{exclude:/(node_modules|app-server.js)/,loader:'b

javascript - webpack --watch 不编译更改的文件

我尝试运行webpack--watch并在编辑我的JS文件后,它不会触发自动重新编译。我已经尝试使用npmuninstall重新安装webpack但它仍然无法正常工作。有什么想法吗? 最佳答案 如果您的代码未被重新编译,请尝试增加观察者的数量(在Ubuntu中):echofs.inotify.max_user_watches=524288|sudotee-a/etc/sysctl.conf&&sudosysctl-p来源:https://webpack.github.io/docs/troubleshooting.html

javascript - Chrome 中的 Sourcemaps 与 Ruby on Rails、Webpack 和 React JS 相去甚远

当我使用Chromedevtools调试器时,我遇到了一个问题,即Webpack使用inline-source-map配置设置生成的源映射偏离一行。Webpack在RubyonRails应用程序中设置,以生成由几十个模块组成的串联的、未缩小的JavaScript文件。这些模块中的大部分都是ReactJS组件,并由jsx加载器解析。然后,Webpack的输出与gems生成的一些其他JavaScript库一起包含在application.js文件中。当我使用eval-source-map时,没有问题。关于使用inline-source-map的一些事情导致行号被一个丢弃。检查非React组

javascript - Webpack babel 6 ES6 装饰器

我有一个用ES6编写的项目,使用webpack作为我的打包器。大多数转译工作正常,但当我尝试在任何地方包含装饰器时,我收到此错误:Decoratorsarenotsupportedyetin6.xpendingproposalupdate.我查看了babel问题跟踪器,但未能在其中找到任何内容,所以我假设我用错了。我的webpack配置(相关位):loaders:[{loader:'babel',exclude:/node_modules/,include:path.join(__dirname,'src'),test:/\.jsx?$/,query:{plugins:['transf

javascript - 使用 Webpack 将 jQuery 暴露给真实的 Window 对象

我想将jQuery对象公开给可在浏览器的开发人员控制台内访问的全局窗口对象。现在在我的webpack配置中有以下几行:plugins:[newwebpack.ProvidePlugin({$:'jquery',jQuery:'jquery'})]这些行将jQuery定义添加到我的webpack模块中的每个文件。但是当我构建项目并尝试像这样在开发人员控制台中访问jQuery时:window.$;window.jQuery;它说这些属性是未定义的...有办法解决这个问题吗? 最佳答案 您需要使用expose-loader.npminst

javascript - Webpack 4 - 如何配置最小化?

Webpack4附带以下声明:Error:webpack.optimize.UglifyJsPluginhasbeenremoved,pleaseuseconfig.optimization.minimizeinstead.很公平,但我找不到任何有关配置在引擎盖下运行的UglifyJsPlugin实例的信息,例如更改缓存目录。这能做到吗? 最佳答案 无法修改默认配置。不过,您可以使用optimization.minimizer设置来实例化您自己的UglifyJsPlugin。使用4.0我们使用这个例子来获取源映射,即使mode设置为

javascript - 如何允许 webpack-dev-server 允许来自 react-router 的入口点

我正在创建一个在开发中使用webpack-dev-server和react-router的应用程序。似乎webpack-dev-server是基于这样的假设构建的,即您将在一个地方(即“/”)拥有一个公共(public)入口点,而react-router允许无限数量的入口点。我想要webpack-dev-server的好处,尤其是对生产力有好处的热重载功能,但我仍然希望能够加载在react-router中设置的路由。如何实现才能使它们协同工作?你能以允许这种方式在webpack-dev-server前面运行一个快速服务器吗? 最佳答案