草庐IT

webpack-dev-middleware

全部标签

javascript - 将第三方 JS 库添加到 Webpack/Grails/Gradle 项目

我正在尝试在使用vue.js作为客户端JS引擎的intellij环境中结合使用webpack和gradle。我首先使用vue配置文件构建一个新的grails项目:grailscreate-appfoobar--profile=vue最初,我在将新的xyz.vue主屏幕与vue库集成时遇到了问题,因此我通过克隆配置文件创建的Welcome.vue文件并对其进行破解直到遇到问题我的需求。不幸的是,我现在正处于要添加新js库的阶段:https://github.com/amsik/liquor-tree.我尝试按照建议使用npm安装它,但我找不到将它包含在我的“.vue”文件中的方法。每次我

没有在Web Dev的Python程序中获得最终输出

我编写了以下代码,用于打印字符串的ROT13代码。Rot13代码是您将字符串的字母移至13个位置的地方。但是由于某种原因,打印的文本框总是空白的。有人可以帮我这个代码吗?importosimportwebapp2importjinja2importcgiimportstringtemplate_dir=os.path.join(os.path.dirname(__file__),'templates')jinja_env=jinja2.Environment(loader=jinja2.FileSystemLoader(template_dir),autoescape=True)#automa

javascript - 使用 Knockout.js 组件和 webpack

我正在移动现有的knockout.js项目(基于Knockout组件和requirejs)。我有一个需要的启动文件,它可以工作。文件中的脚本入口是在requirejs转webpack中,我的入口文件如下require("../src/app/startup");document.write(require("raw!./base.html"));base.html和原来的html文件一样,定义为问题是当我运行该页面时,没有任何反应。当我在startup.js文件中放置一个调试器时,它实际上被命中了,所以我知道它正在被调用,但页面上除了基本html之外什么都没有。组件未呈现。我如何让它工

javascript - 如何在不链接到所有其他 Assets 的多个页面中捆绑 Webpack Assets ?

Webpack有一些我无法理解的地方。大多数webpack示例显示了一个主要入口点app.js,它导入所有Webpack的其他React组件以递归构建结果文件。如果有多个入口点,比如pageA.js和pageB.js,我们将它们放入入口参数的数组中。然而,我的问题是我的“主要”入口点没有使用和导入每个组件。也许只是一些。在PageA上,我可能只导入ComponentA和ComponentB。在PageB上,我可能只导入ComponentB和ComponentC。然后在我的MainPage的main.js中,我可能只导入ComponentD。我可以将main.js、PageA和PageB

javascript - WebPack + SystemJS - 如何添加 JavaScript 文件?

我想在我的项目中包含一个名为/assets/js/clusterfeaturelayer.js的文件,我在其中使用SystemJS和WebPack并且具有以下结构。/app/node_modules/assets/js该文件以AMD风格定义,如下所示:define(['dojo/_base/declare','dojo/_base/array','dojo/_base/lang','esri/SpatialReference','esri/geometry/Point','esri/geometry/Polygon','esri/geometry/Multipoint','esri/g

javascript - webpack 导入的模块不是构造函数

我创建了一个小的JS模块,我打算制作一个npm包,但目前只在GitHub上。该模块是用ES6和SCSS编写的,因此依赖于webpack和babel进行编译。为了测试它,我创建了一个具有类似设置(webpack和babel)的单独项目。在npm安装我的模块后,当尝试将它导入我的index.js时,我在Chrome开发者工具中收到以下错误:(x是我的模块名称)index.js:11UncaughtTypeError:x__WEBPACK_IMPORTED_MODULE_1___default.aisnotaconstructorateval(index.js:11)atObject../s

javascript - 带有 requirejs/AMD 的 Webpack

我正在为一个仍然使用requireJS进行模块加载的现有项目开发一个新模块。我正在尝试为我的新模块使用新技术,例如webpack(它允许我使用es6导入来使用es6加载程序)。似乎webpack无法与requireJS语法协调。它会说类似这样的话:“找不到模块:错误:无法解析”。问题:Webpack不会打包带有requireJS/AMD语法的文件。问题:有没有办法让webpack和requireJS兼容?我的最终输出必须是AMD格式,以便项目正确加载它。谢谢。 最佳答案 我有同样的问题,我设法实现了它。下面是相同的webpack.c

javascript - 使用 Webpack 和 Babel 导出类不起作用

我有一个非常简单的Webpack和Babel设置,用于小型图书馆。之前,我有以下架构来生成库的ES5版本:module.exports.lib=(function(){/*privatepartoflibraryhere*/return{.../*publicpartoflibraryhere*/}})();一切都以这种方式运行良好,我什至在我的库中有一些ES6功能,例如箭头函数,并且一切正常。但是,我决定将我的方法更改为ES6类,这样:exportdefaultclassLibrary{}现在,当我尝试这样做时:varlibrary=newLibrary();我知道库没有定义。即使只

javascript - Webpack 突然崩溃了

一周前它运行良好。现在,没有任何更改(相同的PC和完全相同的文件-与repo没有差异),在npminstall之后它不再工作并崩溃并出现以下错误:user@machine:~/workspace/work/project$npmrunbuild>project@0.0.1build/some_outer_path/some_path/workspace/work/project>rimrafdist&&webpack--progress--profile--bail10%buildingmodules3/12modules9active...h-fe/node_modules/quil

javascript - 将 webpack 与 babel 和 babel-preset-react 以及 babel-preset-es2015 一起使用

我正在尝试转换编译我的react/es6代码并且来自browserify。由于新的babel6版本以及大多数教程现在已经过时的事实,我正在努力创建一个webpack构建。这适用于我的.babelrc:{"presets":["react"]}但是当我把它改成这样的时候:{"presets":["es2015","react"]}它抛出这个神秘的错误:./client/App.js中的错误模块构建失败:错误:您为我们提供了节点类型“NumericLiteral”的访问者,但它不是有效类型如果有帮助的话,这是我的webpack.config.js:module.exports={entry