草庐IT

Webpack4

全部标签

javascript - 如何使用 webpack 在 js 文件中加载 CDN 或外部 vendor javascript lib,而不是在 html 文件中

我正在使用react入门套件进行客户端编程。它使用react和webpack。没有index.html或任何要编辑的html,所有js文件。我的问题是,如果我想从云端加载vendorjslib,我该怎么做?在html文件中很容易做到这一点。但是,在js文件中,它只使用npm安装的包。如何在没有html文件的情况下导入上述库?我试过import和require,它们只适用于本地文件。2015年10月21日更新到目前为止,我尝试了两个方向,都不理想。@minheq是的,有一个用于响应启动工具包的html文件。它是src/components/Html下的html.js。我可以像这样将云库及

node.js - Webpack 4 - 创建 vendor block

在webpack3配置中,我将使用以下代码创建单独的vendor.jsblock:entry:{client:['./client.js'],vendor:['babel-polyfill','react','react-dom','redux'],},output:{filename:'[name].[chunkhash].bundle.js',path:'../dist',chunkFilename:'[name].[chunkhash].bundle.js',publicPath:'/',},plugins:[newwebpack.HashedModuleIdsPlugin(),

node.js - - 使用 Webpack 的 configuration.output.path : The provided value "public" is not an absolute path!

我正在使用基于WebPack的LaravelMix。我让它工作了,现在它失败了:Invalidconfigurationobject.WebpackhasbeeninitialisedusingaconfigurationobjectthatdoesnotmatchtheAPIschema.-configuration.output.path:Theprovidedvalue"public"isnotanabsolutepath!如果我删除我的webpack.mix.js内容,它仍然会以同样的方式失败。你能帮我调试一下这个错误吗,我不知道如何继续。我已经删除了node_modules文

node.js - 如何在 webpack 入口添加通配符映射

我需要webpack脚本文件夹中的所有js文件。我试过这个module.exports={module:{loaders:[{test:/\.js$/,exclude:/node_modules/,loaders:["babel-loader"],}],},entry:"./src/scripts/*.js",output:{path:'./src/build',filename:'[name].js'}};我遇到这样的错误,ERRORinEntrymodulenotfound:Error:Cannotresolve'file'or'directory'./src/scripts/*i

node.js - 引用错误 : webpack is not defined

在我的webpack应用程序中,我有一个由“npmrunbuild”触发的基本构建过程,它执行webpack二进制文件并将/app中的index.html复制到/dist。每当我运行npmrunbuild我得到ReferenceError:webpackisnotdefined但是当我运行npmstart时,它会启动webpack-dev-server,一切都很好。这是我的webpack配置文件:varExtractTextPlugin=require('extract-text-webpack-plugin');varconfig={context:__dirname+'/app',

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