Tag: webpack

bluemix服务onepage应用程序: 我试图在bluemix中部署一个使用webpack使用serve服务的示例，以便在package.js上使用以下内容编译单页应用程序 "start": "serve -p 6003", 但有以下错误 [HEALTH/0] ERR healthcheck failed: failure to make TCP connection: dial tcp 10.254.1.102:8080: getsockopt: connection refused 我需要改变发布这个应用程序我正在使用： cf push ，我的清单看起来像这样： applications: – path: . memory: 256M instances: 1 domain: mybluemix.net name: ktest2017 host: ktest2017 disk_quota: 1024M 运行这个问题，我做了以下几点：在一个bluemix帐户中创build一个节点应用程序卸载基础项目创build一个新的vue.js cli webpack-simple应用程序，并作为一个页面应用程序服务器生成package.json，以： "scripts": { "dev": "cross-env NODE_ENV=development webpack-dev-server […]

我怎样才能让'require（packageName）'除'node_modules'之外读取多个模块path？: 我的手上有一个旧的项目，它使用皮质和吞咽来构build代码。 Cortex是一个包装工具，类似于npm，但它把包放在它自己的目录下，称为神经元，而不是node_modules 。随着代码的扩大和变大，我想在开发环境中使用webpack的热加载器。但是当我运行webpack时，require不能find由cortex安装的软件包，因为它总是试图在node_modules文件夹而不是神经元文件夹中find它们。（这些软件包很旧，我甚至无法在npm中find它们，这意味着我必须使用皮质软件包）有什么办法让require函数读取不同的path吗？

Uglify和缩小Angular 4代码: 我在VS 2017中使用Asp Core + Angular 4模板+ webpack。我已经发布了我的应用程序..并期待ClientApp / dist / main-server.js我看到内容不uglify和minify ..这是喜欢这个 … ConfirmComponent.prototype.ngAfterViewInit = function () { try { $('.modal').removeClass('fade'); setTimeout(function () { $('.modal').addClass('fade'); }, 500); } catch (exception) { } }; … 在webpack.config.vendor.js我可以看到一个插件调用： …. plugins: [ extractCSS, new webpack.DllPlugin({ path: path.join(__dirname, 'wwwroot', 'dist', '[name]-manifest.json'), name: '[name]_[hash]' }) ].concat(isDevBuild ? [] : [ new […]

使用Vue + Webpack使用Puppeteer（无头Chrome）时的依赖性错误: 我正在使用这两个库/模板： https://github.com/GoogleChrome/puppeteer （无头Chrome） https://github.com/vuejs-templates/pwa （使用Webpack和Express的Vue模板）。这是代码： export default { mounted () { const puppeteer = require('puppeteer') ;(async () => { const browser = await puppeteer.launch() const page = await browser.newPage() await page.goto('https://www.google.com/search?tbm=bks&q=%22this+is%22') const result = await page.evaluate(() => { const stats = document.querySelector('#resultStats') return stats.textContent }) console.log(result) await browser.close() })() } } 我做npm install很多次，但我仍然有依赖错误：没有find这些依赖关系： […]

使用webpack作为React npm包的构build工具: 我一直在玩webpack和npmregistry。我创build了我自己的小项目。我发布到npmregistry。一切似乎都很好，但有一件事让我担心。由webpack（ lib/index.js ）构build的文件几乎包含了2k行代码，而我的库非常小。我看到它包含两个依赖项，我使用的是prop-types和detect-browser 。他们使大部分的代码。在下载这两个库之后把它们hover在一个testing项目中，我希望它们能够以某种方式被树形或类似的东西重复的删除，但是我的包的大小仍然是一样的。基本上，我问的是：我的图书馆是否包含更多的代码？对我来说似乎是这样。我还尝试在testing项目中另外安装prop-types和detect-browser ，以查看bundle的大小是否保持不变。减less我的库的大小仍然是相同的，捆绑大小增加（我期望冗余库将被删除或什么的）。

是一个捆绑的CSS用于所有子网站好？: 我最近开始使用node.js的东西。发现了webpack和sass-loader，请阅读它们。我想我知道了，但有一件事是困扰着我。当sass-loader将我所有的scss文件都捆绑到一个css文件中，我是否肯定要在所有子站点上使用这个文件？我猜这是错误的，所以我打算在大型，多个网站应用程序中做什么？

每次运行不同的入口点的Webpack，但仍然使用configuration文件？: 我有一个项目，其中包含众多不同网站的代码。这些不是我build立或维护的网站，我只是为他们构build组件，并提供这些代码在网站上实施。文件夹结构如下所示： . +– tsconfig.json +– site_A | +– component1 | | +– component1.html | | +– component1.css | | +– component1.js +– site_B | +– component2 | | +– component2.ts +– my_modules | +– module1.ts | +– module2.ts | +– module3.ts my_modules文件夹包含我经常在许多组件中使用的函数，因此我想将它们编写为可重用模块。我的问题是，因为这不是一个单一的项目，我不能真正运行一个单一的构build脚本，但实际上每次运行Webpack时都需要指定入口点。我目前使用的解决scheme是以下npm构build脚本： "build": webpack –module-bind 'js=babel-loader' –module-bind 'ts=ts-loader' –output-path './build' –output-filename […]

我怎样才能解决Webpack相关的错误：不能分配给对象'＃<Object>'的属性'exports'？: 我正在使用webpack，如果我理解正确，不支持本地webworker语法，所以我试图使用worker-loader npm模块，但我得到一个奇怪的错误。该模块可以在这里find。我的webpackconfiguration： module.exports = { entry: "./app", output: { path: __dirname + "/build", filename: "bundle.js" }, watch: true, module: { rules: [{ test: /\.worker\.js$/, use: { loader: 'worker-loader' } }] } } 我的代码触发错误： import Worker from '../workers/sim.js'; class Synapse { // … } module.exports = Synapse; 错误： Cannot assign to read only property […]

Webpack开发服务器到Node / IIS: 我做了一个React应用程序，目前我正在使用webpack dev服务器在本地托pipe它。我现在需要部署并在Windows Server中将此应用程序作为服务运行，以便能够closuresWindows会话并仍然运行该应用程序。现在，我真的不知道webpack dev服务器是如何工作的…我曾经在NodeJS项目上工作，只需运行“node {file}”服务器运行，并以“永远”的扩展名作为服务运行。我如何使这个应用程序作为服务运行？我在本地托pipe我的应用程序的方式是使用“npm start”，它根据package.json运行一个webpack-dev-server。 package.json（只是一个部分）： "scripts": { "start": "webpack-dev-server –hot –open", "lint": "eslint src" },

为什么webpack仍然生成旧的目录包文件？: 我有一个简单的应用程序使用webpack来编译我的js有一个入口点为./src/app.js和输出为./public/dist/app.bundle.js 。以前输出目录是 ./dist/app.bundle.js 在webpack –watch模式下，我对src代码做了一些修改，它会生成旧path./dist/app.bundle.js这个文件以及到新目录？请告诉什么是错的 webpack.config.js var path = require("path"); module.exports = { entry: path.resolve(__dirname, "./src/app.js"), output: { path: path.resolve(__dirname), filename: "./public/dist/app.bundle.js", publicPath: "/public/", } }; npm -v 3.10.10 node -v v6.10.2 webpack：3.10.0