草庐IT

gulp-webpack

全部标签

javascript - Webpack:如何将 CommonsChunkPlugin 与多个拆分包一起使用

我有两个独立的应用程序部分,它们都拆分为“应用程序”和“vendor”包。Webpack条目:entry:{'client-app':path.join(BASE_DIR,'front-end-sources','client','scripts','main.ls'),'client-vendor':path.join(BASE_DIR,'front-end-sources','client','scripts','vendor.ls'),'admin-app':path.join(BASE_DIR,'front-end-sources','admin','scripts','mai

javascript - 使用 webpack 将 vendor 库拆分为多个 block

我想将我的vendor代码分成两个block,一个包含所有Angular库,另一个包含所有其他内容。我的Angular应用程序只有一个入口点,设置如下:entry:{app:'./path_to/app.js',vendor:['jquery','moment','numeral'],'vendor.angular':['angular','angular-route','angular-numeraljs']}然后我使用CommonsChunkPlugin配置另外两个包:newwebpack.optimize.CommonsChunkPlugin({name:'vendor',chu

javascript - 如何在 Webpack 中禁用重命名函数名称? typescript ,Javascript

如何在Webpack中禁止重命名函数名?我的代码中有这个类名:import{MenuBlocksMenuPage}from"../pages/menu/blocks/menupage";但在编译后的文件中,该行变成了不可读的字符串。/*harmonyimport*/var__WEBPACK_IMPORTED_MODULE_73__pages_menu_blocks_menupage__=__webpack_require__(669);我的问题是:Webpack中有什么选项可以禁止更改类或函数名称? 最佳答案 我遇到了同样的问题,A

javascript - webpack根据chunk加载不同的模块

是否可以让webpack根据一些上下文信息加载另一个模块?例如,我有两个版本的React应用程序:桌面版和移动版在我的index.js中,我决定加载哪个应用程序:if(isMobile()){loadMobile().then(({default:App})=>render(App))}现在我想重用一些模块,但有些我想覆盖它。所以默认情况下它应该加载index.js,但是如果上下文isMobile并且在index.js旁边存在mobile.js文件,它应该加载mobile变体。components/Button/index.jsmobile.js在移动上下文中,webpack应该加载m

javascript - gulp-useref – 不同级别文件夹中的相对输出路径

目前有没有办法做相对输出路径?内gulp-useref还是其他?我的现状:project_folder/app/index.htmlabout/index.htmlscripts/index.jsabout.js在index.html基于app/,一切正常:index.html文件位于scripts旁边文件夹,以便相对路径正确同步。但这是about/index.html:如果我像这样传递路径–../scripts/about.min.js–生成的about.min.js获取输出太远的一个文件夹,导致这种情况:project_folder/scripts/about.min.jsdist

javascript - 关于 gulp .pipe() 的 Node 路径说明

我的问题从另一个问题开始,在这里问:Gulp:Howtosetdestfolderrelativetoprocessedfile(whenusingwildcards)?我有类似的情况,我需要在每个模块的基础上制作压缩版本。也就是说,我有ui/test/one/script1.jsui/test/two/script2.js我需要让gulp将文件复制到相关目录中,所以我最终得到了ui/test/one/compressed/script1.jsui/test/two/compressed/script2.js我有以下gulp任务gulp.task('test',function(){r

javascript - Webpack 无法正确解析我的别名

我正在尝试为我的应用创建一个命名空间以作为模块工作,并使用此命名空间导入我的组件并限制相对路径的使用。尽管如此,尽管我在这里遵循了alias的webpack文档:http://webpack.github.io/docs/configuration.html#resolve-alias我无法正常工作。这是我的解析对象的样子:resolve:{root:path.resolve(__dirname),alias:{myApp:'./src',},extensions:['','.js','.json','.jsx']}path.resolve(__dirname)解析/Users/Ale

javascript - 来自 UglifyJs 的 webpack 2 : ERROR in ./public/bundle.js 意外字符 '` '

我遇到了2个相关问题:首先:当我运行npmrunbuild时,bundle.js文件没有缩小,但我得到了一个bundle.js.map文件。第二:当我运行webpack-d时,我只得到一个缩小的bundle.js文件(没有错误)但是当我运行webpack-p然后我得到一个bundle.js是not缩小的,一个bundle.js.map,以及那些错误:ERRORin./public/bundle.jsfromUglifyJsUnexpectedcharacter'`'[./app/config.js:5,0][./public/bundle.js:76,14]ERRORin./publi

javascript - Vue - webpack vue-loader 配置

每当我想构建一个文件时,我总是收到错误。这是什么原因呢?似乎.vue文件无法被webpack识别,但webpack配置文件看起来正常。网络包错误bundle-app.js189kB1[emitted]app+12hiddenmodulesERRORinUnexpectedtoken>@./app/application.js7:11-31webpack.config.jsvarpath=require("path");module.exports={context:path.join(__dirname,'src'),entry:{app:'./app/application.js'}

javascript - Webpack:从入口和子 block 中提取公共(public)模块以分离公共(public) block

我有一个使用代码拆分的webpack构建的应用程序。我现在想将所有符合特定条件(在本例中为node_modules)的所有入口block和所有子block(通过代码拆分生成)的通用模块聚合到一个单独的公共(public)block。如果我这样做:newwebpack.optimize.CommonsChunkPlugin({children:true,async:'vendor',minChunks:(module)=>{constisVendor=module.context.split('/').some(dir=>dir==='vendor');returnisVendor;},