草庐IT

javascript - 如何使用 Webpack 和 noParse 选项要求 'ace-builds/ace'

我目前正在尝试使用webpack要求ace-builds(从bower安装)。由于它是一个巨大的库,我将整个文件夹添加到noParse选项。我在终端上使用-d选项运行webpack。问题是:当我的代码试图要求它时,它是一个空对象。此外,它不会被浏览器加载。以下是我正在做的事情的一些信息:我的文件://custom_editor.js//ace-buildsarealiasedbyacekeywordvarAce=require('ace/ace');//ThisisanemptyObjectwhenI'mdebuggingwithbreakpoints配置文件://webpack.co

javascript - 如何正确构建优化的 Angular 5 项目?

我是Angular5项目的新手。我运行ngbuild--prod生成一个dist/文件夹。我注意到构建需要很长时间,当我打开我的dist/文件夹时,我看到里面几乎有98%无用的东西,比如SVG、图像等等在..我如何控制进入我的dist/的内容?.angular-cli.json{"$schema":"./node_modules/@angular/cli/lib/config/schema.json","project":{"name":"web"},"apps":[{"root":"src","outDir":"dist","assets":["assets","favicon.ic

javascript - webpack 中的无效配置对象

我正在关注Lynda.com-React.jsessentialtraining夏娃·波切洛(EvePorcello)着。在“使用Webpack构建”视频中,我完全按照作者描述的步骤进行操作,但是“webpack”命令失败并出现以下错误,无效的配置对象。Webpack已使用与API架构不匹配的配置对象进行初始化。-configuration.output.path:提供的值“dist/assets”不是绝对路径!以下是我的webpack.config.js和package.json文件。webpack.config.jsvarwebpack=require("webpack");mod

javascript - 同构 JS 应用程序中的环境变量 : Webpack find & replace?

我正在使用webpack捆绑同构JS应用程序(basedonthisexample),以便浏览器运行与服务器相同的代码。一切都运行顺利,除了我有一个config.js,其中一些设置是从服务器上的环境变量中提取的:module.exports={servers:auth:process.env.AUTH_SERVER_URL,content:process.env.CONTENT_SERVER_URL}}在服务器上这很好,但是当webpack为客户端呈现时process是空的,这不起作用。我希望有一种“查找和替换”的webpack插件可以单独用该文件中的内容替换它们?"…config.j

javascript - Webpack - 样式表加载但没有字体

我可以毫无问题地在页面中查看我的样式表。但是我无法让我的网络字体工作。我试图保存我的css的输出,但没有发生。我相信这就是字体无法正常工作的原因。网页包varwebpack=require('webpack');varExtractTextPlugin=require('extract-text-webpack-plugin');module.exports={resolve:{extensions:['','.js']},entry:['webpack-hot-middleware/client','./src/client/js/Kindred.js'],output:{path:

javascript - webpack 从多个入口文件导出类

我正在使用webpack捆绑一个框架供第3方使用。这个框架应该公开多个ES6类。以模块化方式构建,我为每个文件编写了一个类。我想要做的是将所有这些文件构建在一起,并将它们捆绑在给定的“命名空间”下。示例:apples.jsexportclassApples{...}oranges.js导出类Oranges{...}webpack.config.js:module.exports={entry:['./src/apples.js','./src/oranges.js'],output:{path:'./dist',filename:'fruit.js',library:'Fruit',l

javascript - 使 webpack 库输出与 babel 6 兼容

Babel的第6版更改了exportdefault的功能,特别是它与commonjsrequire的关系。总而言之,在babel5之前,require('module')提供模块的默认导出,现在它总是返回包含模块所有导出的模块对象。如果只想要默认值,他/她必须使用require('module').default。Asexplainedhere,thereisverygoodreasonsbehindthis这个问题的目的不是破坏或破解这种行为。但是,如果一个人正在构建一个库,他/她通常不想分发一个模块,而是分发他的库的导出值(例如,一个函数,无论内部使用什么模块系统)。webpack

javascript - Eslint 错误导入没有扩展名的 jsx

我正在尝试在es6中导入jsx文件而不需要.jsx扩展名:importLoginErrorDialogfrom'./LoginErrorDialogView';不是:importLoginErrorDialogfrom'./LoginErrorDialogView.jsx';虽然我已经以这种方式成功导入了webpack:exportdefault{entry:'./src/ui/js/app.js',output:{publicPath:'/',filename:'bundle.js'},resolve:{extensions:['.js','.jsx'],Eslint(eswwebp

javascript - 从 Javascript 使用 Typescript 模块

我想使用Typescript模块创建一个项目,但允许它从vanillajavascript使用。假设它包含3个模块,每个模块包含一个类,A、B和C。即A.ts:exportdefaultclassA{/*things*/}B.ts:exportdefaultclassB{/*things*/}C.ts:exportdefaultclassC{/*things*/}所有这些都使用webpack构建并捆绑到一个dist.js文件中。我希望图书馆的用户能够做一些类似于varfoo=newLettersLibrary.A();我该怎么做,最终目标是能够利用typescript模块进行开发,但提

javascript - 如何使用 webpack 从 node_modules 加载静态 CSS 文件的示例?

我不知道如何使用webpack从node_modules库加载任何CSS,例如,我已经安装了传单,但每次加载leaflet/dist/leaflet.css的尝试都失败了。您能否提供示例如何从node_modules加载静态样式?下面是我当前的webpack配置。此外,我正在使用extract-text-webpack-plugin和sass-loader我的元素scss文件运行良好,我也有css-loader,我是要解析静态css文件还是向stylePathResolves添加内容?//require('leaflet/dist/leaflet.css');varExtractTex