草庐IT

webpack-cli

全部标签

javascript - 从本地网络访问 Webpack Dev Server? (在手机上 React 热重载)

我想通过本地网络上的设备测试React网站。它适用于其他PC,但不适用于我的手机。你们有什么想法可能导致这种情况吗?这是我的配置文件的样子:constwebpack=require('webpack');constpath=require('path');module.exports={entry:{mainFeedPage:['webpack/hot/only-dev-server','./src/mainFeedPage.js'],venues:['webpack/hot/only-dev-server','./src/venues.js'],artists:['webpack/h

javascript - 如何将文件附加到 Webpack 中的 bundle ,或注入(inject)所需的代码?

我正在尝试构建一个将模块/文件注入(inject)客户端包的插件。入口配置可能如下所示:entry:{'main':['some-stuff'],}我想像这样使用我的插件:functionSomePlugin(options){this.entryToAppendTo=options.entryToAppendTo}...plugins:[newSomePlugin({entryToAppendTo:'main'})]在我的插件中,我想像在Webpack本身中完成一样要求该文件,例如:SomePlugin.prototype.apply=function(compiler){compi

javascript - 在 webpack 中包含第三方库

我正在尝试使用webpack将插件(freezeframeplugin)添加到我的应用程序中,但我无法理解如何操作。我从我的应用程序本地提供这个文件,而不是从cdn或npm/bower。我已经进行了全面搜索以尝试解决这个问题,但一直无法接近。我的webpack文件如下所示:constwebpack=require('webpack');constconf=require('./gulp.conf');constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constautoprefi

javascript - webpack 外部设置不工作,文件被包含

我正在为react-toolbox重新打包cljsjs,我需要做的是不在完成的包中包含react和react-dom,所以,我显然添加了:externals:{"react":"React","react-dom":"ReactDOM"},到webpack.config.js,但它似乎不起作用。在生成的.js文件中,我期望是这样的:123:function(...){module.exports=React;},却发现:/*372*//***/function(module,exports,__webpack_require__){/*WEBPACKVARINJECTION*/(fun

javascript - 如何正确导出Webpack库?

第一次真正尝试使用webpack,我正在尝试创建一个可重用的库。我不知道如何正确导出我的库类。以下是我目前正在做的事情以及我如何尝试使用已构建的内容的一般概述。我有一个像这样的入口点:importClassAfrom'./classA';importClassBfrom'./classB';export{ClassA,ClassB};我想在我的应用程序需要时使用构建的库来导入我的类:import{ClassA}from'./libs/library.js';//currentlyusingchromeflagsfortesting但我无法为我的webpack构建找到正确的“输出”配置。

javascript - Webpack 插件 : How to add dynamically a Module to the main Chunk?

我正在开发一个Webpack插件,它基本上在block中寻找cssAssets,当它找到这样的Assets时,在其上应用一些返回的postCSS插件2个输出,一个应该继续使用Extract-Text-Plugin提取,另一个输出应该成为chunk中的一个新模块在运行时将其注入(inject)头部。我唯一没有设法实现的部分是在现有block中创建新模块的部分。有什么指点/想法吗?我设法从中创建了一个新block,但没有webpack包装器,这意味着我无法为那blockcss支持HMR并延迟加载它。classExtractTPAStylePlugin{constructor(options

javascript - 哈巴狗 + webpack-dev-server

我正在使用webpackv4,我正在尝试将Pug与webpack-dev-server一起使用,但是当我运行webpack-dev-server--modedevelopment它不提供已编译的Pug。请帮忙。我不知道该怎么办。感谢您的回复。这是我的配置:constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');module.exports={entry:'./src/js/main.js',output:{path:path.join(__dirname,'dist'),filena

javascript - Vue 3 CLI - 如何为 Object.entries 添加 babel polyfill

我有一个依赖项(vue2-google-maps),它导致我的Vue应用程序在旧版浏览器中出现问题,并引发Object.entries错误。阅读VueCLIDocsonpolyfills,我看到它提到尝试在babel.config.js中加载polyfill。我的babel.config.js:module.exports={presets:[['@vue/app',{polyfills:['es6.object']}]]}抛出错误:Modulebuildfailed(from./node_modules/babel-loader/lib/index.js):TypeError:[BA

javascript - webpack 和 babel-polyfill : Can't resolve 'core-js/modules/es6.array.map' in source directory

当我执行webpack时遇到这个错误:Modulenotfound:Error:Can'tresolve'core-js/modules/es6.array.map'in'/path/to/project/src'@./src/index.ts1:0-39index.ts:console.log([1,2,3].map(x=>x*x));.babelrc:{"presets":[["@babel/preset-env",{"useBuiltIns":"usage"}]]}webpack.config.js:constpath=require('path');module.exports

javascript - 使用 Jest CLI 时如何让 Promises 工作?

我正在尝试使用JestCLI测试一个promise,这段代码在浏览器中运行时会正常执行。但是我想开始为它编写测试。classListCollection{constructor(){this.items=newArray();}addItem(string){constaddItemPromise=newPromise(function(resolve,reject){//setupasyncgettinglikeaXMLHttpRequestsetTimeout(()=>{this.items.push(string);resolve(string);}.bind(this),200