草庐IT

webpack-dev-middleware

全部标签

javascript - 从输出文件中删除 Webpack Bootstrap

好吧,我知道Webpack允许我们使用require导入包,这就是Webpack的基础设施。但是,在入口文件中不使用require不是没用吗?我有这个test.js条目:console.log('Test');和输出/******/(function(modules){//webpackBootstrap/******///Themodulecache/******/varinstalledModules={};/******//******///Therequirefunction/******/function__webpack_require__(moduleId){/*****

javascript - Webpack 开发服务器抛出错误 - 拒绝执行脚本,因为它的 MIME 类型 ('text/html' )不可执行

我使用Webpackbundler和Webpack开发服务器进行本地开发。前端在React.js+Redux中,后端在Node.js和koajs中。在后端,我使用passportjs用户认证库和其他库koa-passport,passport-facebook,passport-google-auth通过Facebook或Google进行身份验证。基本上,我实现了koa-passport-example.如果我的应用程序想要将用户重定向到Facebook或Google登录页面,Webpack开发服务器会抛出错误:GEThttp://localhost:8090/auth/bundle.

javascript - 带有绕过代理的 Webpack-dev-server

如何使用webpack-dev-server实现“代理”(类似于grunt-connect-proxy)选项?我正在使用webpack和webpack-dev-server与咕噜。Gruntfile.js(下面的代码)中的任务能够在端口8080上启动服务器。我想为所有后端数据请求(上下文URL/ajax/*)添加代理设置。"webpack-dev-server":{options:{webpack:webpackConfig,publicPath:"/src/assets"},start:{keepAlive:true,watch:true}} 最佳答案

node.js - Node JS 服务器代码中的 Webpack 别名

我正在构建一个同构的React/React-Router/Redux/Webpack应用程序,并且我正在尝试实现服务器端渲染。我的目录如下:/client/actions/components/containers/server/server.js在我的webpack配置中,我为客户端内的所有文件夹设置了别名:varpath_base=path.resolve(__dirname,'..');constresolve=path.resolve;constbase=function(){varargs=[path_base];args.push.apply(args,arguments)

node.js - 多 (webpack)-dev-server/client 中的错误

我是webpack/reactjs的新手,请按照这里的教程进行操作:https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm然后在我'npmstart'之后,我得到了错误:ERRORinmulti(webpack)-dev-server/client?http://localhost:8080webpack/hot/dev-server./main.jsModulenotfound:Error:Can'tresolve'babel'in'/var/www/jay/reactjs/react-app'BREA

javascript - Webpack HMR 从不更新页面

我一直在玩弄Webpack的不同功能,并且正在慢慢理解。典型的控制台输出:[WDS]Appupdated.Recompiling...[WDS]Apphotupdate...[HMR]Checkingforupdatesontheserver...[HMR]Thefollowingmodulescouldn'tbehotupdated:(Theywouldneedafullreload!)[HMR]-14[HMR]Nothinghotupdated.[HMR]Appisuptodate.无论更新什么代码,JS、Stylus、模板等都会发生这种情况。一切都经过转换(Babel、Stylu

javascript - 通过 DefinePlugin 使用 Webpack 传递 NODE_ENV 值

我正在尝试通过DefinePlugin使用webpack将NODE_ENV值注入(inject)我的代码。我或多或少地检查了一个identicalquestion,但仍然无法正常工作。具体来说,这是我的设置。在package.json中:"scripts":{"build":"rimrafdist&&cross-envNODE_ENV=productionwebpack","dev":"cross-envNODE_ENV=development&&nodewebpack-dev-server.js"},在webpack.config.js中:"usestrict";/*requirin

javascript - 是否可以在服务器端使用带有 NGINX 的 Webpack-Hot-Middleware?

我正在为客户开发一个项目,我需要使用webpack的热模块替换功能。我在NGINX后面使用一个快速(Node)应用程序。我正在使用许多javascript框架来设计应用程序,React恰好是其中之一。我将使用HMR功能。我有一个这样的webpack.config.js:varwebpack=require('webpack');varExtractTextPlugin=require("extract-text-webpack-plugin");varmerge=require('webpack-merge');varvalidate=require('webpack-validato

node.js - Typescript + webpack(带热重载)+ NodeJS

面临问题-设置一些基于TypeScript的项目原型(prototype)。它包含客户端脚本和服务器部分(NodeJs和ExpressJs)。我希望将webpack作为打包器并使用热重载功能实时查看更改。最初,我使用react-transform-boilerplate-ts,但是那里的问题-开发服务器的入口点是js文件。我想它应该是ts,因为我想包括我的express配置等。那么,有没有人有好的样板(遵循项目结构中的最佳实践)来创建包含以下内容的项目:客户端(React)和服务器(typescript)后端使用NodeJs和ExpressJs(typescript)客户端和服务器支持

javascript - Webpack 错误 - 无法解析文件或目录

当我npm启动我的webpack-dev-server时出现此错误:ERRORinmultimainModulenotfound:Error:Cannotresolve'file'or'directory'/var/www/html/151208-DressingAphrodite/appin/var/www/html/151208-DressingAphrodite@multimain这是我的webpack.config.js:varpath=require('path');varwebpack=require('webpack');varHtmlWebpackPlugin=requ