草庐IT

webpack_require

全部标签

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;},

javascript - Dojo require,模块加载失败时连接报错

当我尝试加载不存在的模块时,它失败并显示404错误(当然)。我想处理这个错误,但不知道如何连接到“错误”事件。根据Dojo文档,我应该可以使用itsmicroeventapi来做到这一点.此代码无效。varhandle=require.on('error',function(error){alert('Finallyerror')});require(['nonexistent/module'],function(m){alert('Modulewasloadedcorrectly')});Dojo版本为1.7.1,浏览器最新Chrome。 最佳答案

javascript - 如何解决 Require.js 中的循环依赖?

基本上,想法是“子”模块创建一个对象,该对象应该是作为“主”模块的实用程序库的一部分。但是,“子”对象依赖于来自“主”的实用程序://Mainmoduledefine(['sub'],function(sub){varutils={utilityMain:function(){//...};//...};tools.subModule=sub;returntools;});//Submoduledefine(['main'],function(main){returnnew(function(){//Singletonobjectusingfunctionsinmainmoduleva

javascript - webpack build less files 输出一个 css minify 文件

webpack是我需要将几个较少的文件传递到一个缩小的CSS文件中的工具吗?如果是这样,我不确定我在下面的代码中做错了什么?有没有办法输出到不同的文件路径,现在我的js文件输出到'./assets/javascripts/bundle/',我希望我的css文件输出到'。/assets/stylesheets/bundle/',我该怎么做?更新我做了一个测试,我可以将我的less文件构建到一个css文件,但仍然无法找到如何为输出文件夹设置多个路径,现在我必须注释掉js入口部分并更改输出路径...网络包配置varpath=require('path');varwebpack=require

javascript - 在 webpack 中导入非模块 vendor 脚本

我正在使用AirConsole构建一个应用程序JS服务。AirConsole仅将其库作为.js文件提供,您通常会在页面中包含该文件:但是,我正在使用Webpack并希望将脚本导入到我的其他JS文件中。我尝试了几种方法都没有成功:创建一个名为vendor的入口文件,该文件导入airconsole.js文件。这会创建一个vendor.bundle.js文件,我可以将其包含在我的页面中将AirConsole路径添加到我的index入口点,以便脚本包含在bundle.js文件中。使用这种方法,我可以验证AirConsole代码是否包含在bundle.js文件中,但尝试创建AirConsole的

javascript - 带有凭据的 Webpack-dev-server CORS 错误

我在热模块重新加载时遇到CORS问题-开发服务器。我在3000端口上使用开发服务器,但应用程序是从另一个端口http://localhost:52024/提供服务的。这是我遇到的错误(Chrome、Windows10):GEThttp://localhost:3000//sockjs-node/info?t=1502216500095404(NotFound)XMLHttpRequestcannotloadhttp://localhost:3000//sockjs-node/info?t=1502216500095.Thevalueofthe'Access-Control-Allow-

javascript - 在 TypeScript 中使用 import/require 获取接口(interface)声明

如果我使用///引用TypeScript声明文件(例如jquery.d.ts)语法,由我来确保通过其他方式加载相应的库,即仅引用.d.ts文件不会加载库。有没有办法让TypeScript生成require()在我使用它时调用图书馆?如果我不使用AMD/requirejs,我可以调用require手动,但我想让它与AMD一起工作。这样做的好处是我的依赖项不会在两个地方定义。从.ts文件引用库就足以确保它加载,而不必在我的HTML中手动维护依赖项列表。更新:我打开了一个newquestion这澄清了我的确切情况。由于我没有提供所有必要的详细信息,因此我想对我最初的问题的答案表示赞赏。

javascript - Webpack 和 angularJs

我正在尝试使用angularjs和webpack运行简单的应用程序,这是我的代码:index.htmlFullName:{{firstName+""+lastName}}app.jsvarapp=angular.module('myApp',[]);functionmainCtrl($scope){$scope.firstName="John",$scope.lastName="Doe"}Webpackconfig.jsmodule.exports={entry:'./main.js',output:{filename:'./bundle.js'}};ma​​in.jsvarjquer

javascript - 如何从 <script> 执行 webpack 模块?

我写了一个ES6模块,看起来像这样:exportdefaultfunction({makeCurrentVerUrl,verUrl,fileServer,downloadTokenType,appId}){...}用webpack编译的时候是这个样子的:webpackJsonp([5,7],[/*0*//***/function(module,exports){'usestrict';Object.defineProperty(exports,"__esModule",{value:true});exports.default=function(_ref){varmakeCurrent