草庐IT

webpack-demo

全部标签

javascript - Webpack 极慢构建

我使用webpack+typescript+react。webpack.config.js是:varwebpack=require('webpack');varpath=require('path');varnode_modules_dir=path.join(__dirname,'node_modules');vardeps=['react/react.js','react-dom/react-dom.js',];varconfig={devtool:'source-map',context:__dirname+'/Scripts/ts',entry:{server:"./serve

javascript - 带有热重载的 webpack-dev-server 使用 css 更改重新加载整个页面

[编辑]GithubTestRepoCreatedforyoutotest!!我的热重载没有任何问题,但每当我进行单个css更改时它都会重新加载整个页面。我希望它注入(inject)任何css更改,并且理想情况下对React组件执行类似操作,除非确实需要完全重新加载。**我得到以下控制台日志**[WDS]Appupdated.Recompiling...client?cd17:41[WDS]Appupdated.Recompiling...client?8505:41[WDS]Appupdated.Recompiling...client?cd17:41[WDS]Appupdated.

javascript - 如何使用 webpack 生成 d.ts 和 d.ts.map 文件?

我找不到使用webpack生成d.ts和d.ts.map文件的方法。babel-loader只生成js和js.map文件。我还需要d.ts和d.ts.map文件(我可以使用tsc命令生成),如下图所示:这是一个包含所有设置的最小存储库:https://github.com/stavalfi/lerna-yarn-workspaces-example更多详情我搬到了Lerna+yarn。我的一个包是用TS和JS编写的core(将在其他包中使用)。我正在为ts-to-js使用webpack4,babel-loader8。其他包试图找到我的core包的类型定义和实现,但我只能生成index.

Unity模拟经营类游戏Demo部分代码及技术总结

7月份自己做了一个模拟经营类的游戏Demo,在此总结UI、库存系统、交易系统、游戏循环等相关内容的代码和实现。实现效果预览目录UI库存系统交易系统游戏循环UI本项目的UI通过Unity自家的UGUI实现,所有面板的父对象皆为Canvas,各面板为一个实例化的单例对象,其数据由自己进行存储和更新。面板基础逻辑 IPanel接口:interfaceIPanel{publicvoidShowPanel();publicvoidHidePanel();}以商店面板为例:(通过给面板添加CanvasGroup组件,并更改其参数实现面板的显隐)publicclassShopPanel:MonoBehavi

javascript - 公开通过 webpack bundle 的 javascript 全局变量

问题我觉得这应该比实际更直接。我需要从前端访问我所有的javascript库,因为我正在将它集成到旧系统中,所以我无法调用require("bundle.js");从前端。全局范围内的所有内容必须可以从前端页面的全局范围访问,通过导入它们标签。所以我需要改变旧的:$(silly());//Somefunctioninsilly.js'sglobalscope新的:$(silly());//Somefunctioninsilly.js'sglobalscope我尝试过的事情expose-loader:如果我没有100个我不想明确告诉它看的全局变量,这将完全有效为。ProvidePlugi

javascript - 带有小初始脚本和异步加载所有其他脚本的 Webpack

在开发由多个页面和不同页面类型组成的普通网站时,我已经开始使用Webpack。我习惯了RequireJs脚本加载器,它在需要时按需加载所有依赖项。页面加载时只下载一小段javascript。我想实现的是:一个小的初始javascript文件,用于异步加载依赖项每种页面类型都可以有自己的javascript,它们也可能有依赖关系。公共(public)模块,vendor脚本应该捆绑在公共(public)脚本中我已经尝试了很多配置来实现这个但没有成功。entry:{main:'main.js',//Usedonallpages,e.g.mobilemenu'standard-page':'p

javascript - Webpack:如何使用 CommonsChunkPlugin 将条目捆绑到多个公共(public) block ?

假设我有两个页面Page1和Page2,它们都使用一些库(vendor),如jquerybackbone我想将其提取为单个文件,然后我希望将共享模块(不包括vendor)提取到另一个文件中,这是webpack配置:functionlistFiles(srcpath){returnfs.readdirSync(srcpath).filter(function(file){returnfs.statSync(path.join(srcpath,file)).isDirectory();});}varcreateEntry=function(src){vardest={vendor:["ba

javascript - Vue.js + Webpack + vue-loader + bootstrap-sass + sass-loader

我刚刚开始使用Vue.js+Webpack+vue-loader+bootstrap-sass+sass-loader,我有点不知所措。我想做的是将SASS版本的Bootstrap与我的SPAVue.js代码一起使用。我想这样做,以便可以使用SASS完成我的Bootstrap自定义。这是我所做的:使用vue-cli创建了一个新的Vue.js+webpack项目。安装了bootstrap-sass和sass-loader。将以下内容添加到build/webpack.base.conf.js:{test:/\.scss$/,loaders:['style','css','sass']},{

javascript - Webpack 在 require 语句中动态要求加载器

是否可以在require语句中使用带有显式加载器的动态require和require.context?我希望能够做这样的事情,但它对我不起作用:varreq=require.context('../somedir',false,/\.js$/);varimported=req('my-loader!'+someModulePath);//someModulePathdefinedabovesomewhere当我尝试这个时,我得到一个“找不到模块”的错误,这使得webpack似乎正在将字符串的my-loader!部分视为文件路径的开头,但是我希望my-loader!被识别为加载程序,如下

javascript - 为什么 webpack 以字符串形式创建输出 js 并使用 eval 函数部署它?

我的webpack.config.js文件如下:varpath=require('path');varwebpack=require('webpack');varCommonsChunkPlugin=webpack.optimize.CommonsChunkPlugin;varautoprefixer=require('autoprefixer');varHtmlWebpackPlugin=require('html-webpack-plugin');varExtractTextPlugin=require('extract-text-webpack-plugin');varCopyW