草庐IT

javascript - 如何确定已安装的 webpack 版本

特别是在从webpackv1到v2的过渡期间,以编程方式确定webpack的内容非常重要。版本已安装,但我似乎找不到合适的API。 最佳答案 安装的版本:使用webpackCLI:(--version,-vShowversionnumber[boolean])webpack--version或:webpack-v使用npmlist命令:npmlistwebpack结果为name@version-range:@/path/to/project└──webpack@使用yarnlist命令:yarnlistwebpack如何以编程方式进

node.js - 使用 webpack-dev-server 运行 node express 服务器

我正在使用webpack使用以下配置成功运行我的react前端:{name:'client',entry:'./scripts/main.js',output:{path:__dirname,filename:'bundle.js'},module:{loaders:[{test:/.jsx?$/,loader:'babel-loader',exclude:/node_modules/,query:{presets:['es2015','react','stage-2']}}]}}我也在尝试建立一个node.jsexpress后端,并且也想通过webpack运行它,这样我就有一个同时运

node.js - Webpack-dev-server 提供目录列表而不是应用程序页面

我只能在/public下看到实际的应用程序。webpack.config.js中的配置如下:varpath=require('path');varwebpack=require('webpack');module.exports={entry:['webpack-dev-server/client?http://localhost:8080','webpack/hot/only-dev-server','./app/js/App.js'],output:{path:path.join(__dirname,'public'),filename:'bundle.js',publicPath

javascript - Webpack vs webpack-dev-server vs webpack-dev-middleware vs webpack-hot-middleware vs etc

我开始使用带有node/express环境的webpack开发一个带有react-的ReactJS服务器端渲染应用程序路由器。我对每个webpack包在开发和生产(运行时)环境中的作用感到非常困惑。以下是我的理解总结:webpack:是一个包,一种将Web应用程序的不同部分连接在一起并捆绑在单个.js文件中的工具(通常是bundle.js)。然后将结果文件提供给应用程序加载的prod环境,并包含运行代码所需的所有组件。功能包括收缩代码、缩小等。webpack-dev-server:是一个提供服务器来处理网站文件的包。它还从客户端组件构建单个.js文件(bundle.js),但在内存中提

node.js - Webpack 如何构建生产代码以及如何使用它

我是webpack的新手,我发现在生产环境中我们可以减少整体代码的大小。目前webpack构建大约8MB文件和main.js大约5MB。如何减少生产构建中的代码大小?我从互联网上找到了一个示例webpack配置文件,并为我的应用程序进行了配置,我运行npmrunbuild并开始构建它,它在./dist/目录中生成了一些文件.这些文件仍然很重(与开发版本相同)如何使用这些文件?目前我正在使用webpack-dev-server运行应用程序。package.json文件{"name":"MyAPP","version":"0.1.0","description":"","main":"sr

node.js - Webpack - webpack-dev-server : command not found

我正在使用webpack开发一个Reactwebapp,与thistutorial并列。.无意中,我将node_modules文件夹添加到了我的git中。然后我再次使用gitrm-fnode_modules/*将其删除。现在,当我尝试启动webpack服务器时,我收到以下错误:>webpack-dev-server-d--configwebpack.dev.config.js--content-basepublic/--progress--colorssh:webpack-dev-server:commandnotfoundnpmERR!Darwin14.4.0npmERR!argv"

javascript - 如何从本地网络中的设备访问 webpack-dev-server?

有一些webpack开发服务器配置(它是整个配置的一部分):config.devServer={contentBase:'./'+(options.publicFolder?options.publicFolder:'public'),stats:{modules:false,cached:false,colors:true,chunk:false},proxy:[{path:/^\/api\/(.*)/,target:options.proxyApiTarget,rewrite:rewriteUrl('/$1'),changeOrigin:true}]};functionrewrit

node.js - NPM 安装错误 :Unexpected end of JSON input while parsing near '...nt-webpack-plugin" :"0'

创建新的Angular5项目时:Node版本:8.9.2npm版本:5.5.1我的命令是:npminstall-g@angular/cli错误是:npmERR!**UnexpectedendofJSONinputwhileparsingnear'...nt-webpack-plugin":"0'**npmERR!Acompletelogofthisruncanbefoundin:npmERR!C:\Users\Aashitec\AppData\Roaming\npm-cache\_logs\2017-12-06T13_10_10_729Z-debug.logTheerrorlogish

node.js - 错误 : Cannot find module 'webpack'

我刚刚开始使用webpack,并且很难获得multiple-entry-pointssamplebuild。示例中的webpack.config.js文件包含该行varCommonsChunkPlugin=require("../../lib/optimize/CommonsChunkPlugin");这对我来说失败并出现错误Error:Cannotfindmodule'../../lib/optimize/CommonsChunkPlugin'四处搜索,我发现了将CommonsChunkPlugin与表达式一起使用的其他示例varcommonsPlugin=newwebpack.op

node.js - 如何使 webpack 开发服务器在 80 端口和 0.0.0.0 上运行以使其可公开访问?

我是整个nodejs/reactjs世界的新手,如果我的问题听起来很愚蠢,我深表歉意。所以我在玩reactabular.js.每当我执行npmstart时,它总是在localhost:8080上运行。如何将其更改为在0.0.0.0:8080上运行以使其可公开访问?我一直在尝试阅读上述repo中的源代码,但未能找到执行此设置的文件。另外,补充一点-如果可能的话,我如何让它在端口80上运行? 最佳答案 这样的事情对我有用。我猜这应该对你有用。使用这个运行webpack-devwebpack-dev-server--host0.0.0.0