Tag: webpack

使用节点需要使用Electron和Webpack

我正在用Electron构build一个项目，并使用Webpack构build（Angular 2）渲染过程应用程序。 在这个应用程序中，我需要dynamic地在运行时require一些在构build时不存在的文件。 代码看起来像这样： require("fs").readdirSync(this.path).forEach(file => { let myModule = require(path.join(this.path, file)); // do stuff with myModule }); 问题是Webpack编译器会将require()调用转换为它自己的__webpack_require__()并且在运行时它会在它自己的内部模块registry中查找dynamic的“myModule”文件，当然也不会find它。 我曾尝试使用“外部”configuration选项，但由于这是一个dynamic的要求，它似乎并没有被“外部”处理。 任何人都能成功解决这个问题？

node_modules打包失败（Webpack或Browserify）

我试图捆绑我的node.js应用程序与webpack或browserify，但我需要一些后端模块，如knex，书架等。 但是webpack和browserify无法打包这些模块，因为他们用require（）做了一些奇怪的事情… 我得到了这样的错误： Cannot find module 'sqlite3'或Error: Cannot find module './dialects/postgres/index.js' 我不能忽略我的node_modules目录，因为我需要包中的模块，因为我无法访问我的包将被使用的环境。 （AWS Lambda） 我不需要webpack或browserify来优化我的node_modules，但我需要它们，有没有办法告诉webpack或browserify只捆绑node_module文件夹，并相信我，如果需求缺失？ 编辑：我使用无服务器来testing和部署我的lambda和唯一的插件，让我用babel强制我使用ES2015使用webpack / browserify 谢谢 ：）

如何阻止Webpack文件名更改？

我对webpack很陌生。 我已经用vue-clibuild立了样板模板。 目前，当我运行npm run build我的文件将编译到/dist/build文件夹，然后拆分成js和css文件夹。 我正在制作一个WordPress主题，并且正在从<script>和<style>标签访问这些文件。 它的工作原理…但每次我通过npm run build重新编译Webpack时，文件名随机化，在末尾添加一串随机字符（使得不能直接从index.php引用文件）。 有没有办法阻止Webpack随机化的文件名？ 我不想每次编译时都更新我的index.php。 或者我正在做这个错误的方式？

webpack-dev-server监视并正确编译文件，但浏览器无法访问它们

编辑 ：链接到Github回购在这个例子是托pipe在这里以防万一有人想运行它 我得到了与另一个用户几乎完全相同的问题（你可以在这里find问题），在运行webpack-dev-server实际上编译和正确观察文件（看terminal输出控制台），但浏览器仍然无法正确查看我的网站。 这是我的webpack.config.js文件： var webpack = require('webpack'), path = require('path'), // webpack plugins CopyWebpackPlugin = require('copy-webpack-plugin'); var config = { context: path.join(__dirname,'app'), entry: './index.js', output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: path.join(__dirname, 'public') }, devServer: { // contentBase: './public/' }, plugins: [ // copies html to public directory new CopyWebpackPlugin([ { from: path.join(__dirname, […]

使用webpack ou npm在多个包中分割javascript Javascript项目

我正在尝试构build一个必须在Windows（PC），Android和iOS上运行的应用程序。 为此，我将使用Electron（用于Windows）和React Native（用于移动平台）。 两者都将使用React和Redux进行构build。 这样，我将能够在Redux reducer和中间件中实现逻辑，并在两个项目中使用它们。 从现在开始，我使用webpack为Electron应用程序完成了POC。 reducer目前直接在应用程序代码中。 我想在一个单独的包中提取Redux的相关代码，以允许我在React Native项目中使用它。 我可以为包含reducer和middware的Redux模块创build一个npm包，但是这样，当我编译我的应用程序时，webpack不会编译我的单独包，它将使用预编译版本。 所以我想要的是能够创build一个单独的包，但仍然在应用程序编译时编译它（因为它仍然在开发中，而且dev与主应用程序dev密切相关）。 我只能用npm还是用webpack呢？ 我很新的Javascript开发堆栈。

模块构build失败：错误：在“base”中指定的插件0提供了“definitions”的无效属性

我没有成功地试图让webpack打包我的react / redux应用程序的生产版本。 构build成功正常，但只要我添加一个webpack插件切换环境详细在这里： https ://stackoverflow.com/a/30061249/7114096（这是链接在由我正在运行缩小的开发版本），它跌倒了。 webpack.config.js： 'use strict'; var webpack = require('webpack'); var path = require('path'); var BUILD_DIR = path.resolve(__dirname, 'web/bundles/frontend/build/react'); var APP_DIR = path.resolve(__dirname, 'web/bundles/frontend/src/react'); var config = { entry: ['babel-polyfill', APP_DIR + '/search.js'], output: { path: BUILD_DIR, filename: 'search.js' }, module : { loaders : [ { test : /\.js?/, include : […]

运行npm dist时，权限被拒绝

我正在尝试部署我的静态网站，为此，我正在尝试运行 npm run dist 哪个运行 copyfiles -f ./src/index.html ./src/favicon.ico ./dist 看起来好像 /Users/Alfred/React/newReactWebpack/reactWebpack/node_modules/.bin/webpack 被locking从读/写。 我试图使用chmod 775，我也尝试通过sudo运行它。 没有帮助。 有谁知道什么可能是错的？ 谢谢！ 我运行命令后，控制台出了： templateApp@0.0.1 dist /Users/Alfred/React/newReactWebpack/reactWebpack npm run copy & webpack –env=dist sh: /Users/Alfred/React/newReactWebpack/reactWebpack/node_modules/.bin/webpack: Permission denied npm ERR! Darwin 16.1.0 npm ERR! argv "/usr/local/Cellar/node/6.2.2/bin/node" "/usr/local/bin/npm" "run" "dist" npm ERR! node v6.2.2 npm ERR! npm v3.9.5 npm ERR! code ELIFECYCLE […]

如何在npm中要求（）networking工作者？

我有一个npm / webpack设置，我的应用程序的一部分需要Web Workers。 通常情况下，networking工作人员使用以下语法创build： var worker = new Worker('path/to/external/js/file.js'); 在npm中，这不起作用，因为我正在使用的开发环境不接受这样的path。 必须使用require()来包含文件。 我不能只是链接到文件，因为这违反了交叉来源规则的事情。 是否有包含这些工作文件的策略？

使用ES6装饰器时出现意外的标记“@”

我有一个React项目设置，我正在尝试将MobX纳入其中。 与此我必须使用装饰即 @observable 当我这样做，虽然我得到以下错误： https://github.com/mobxjs/mobx 模块构build失败：SyntaxError：意外的标记（5:22） class ListStore {@observable items = ['Pete'，'John'，'Henry'，'Jeff'，'Bob']; } 我的Webpackconfiguration： module.exports = { entry: './src/App.js', output: { path: __dirname, filename: 'app.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'], plugins: ['transform-decorators-legacy'] } }, { test: /\.scss?$/, exclude: /node_modules/, loaders: ['style', 'css', 'sass'] }] […]

npm对未安装的软件包的同等依赖

我有点困惑，为什么我得到一个未被满足的对等依赖关系，我试图安装确切的包。 我运行： npm install webpack@2.1.0-beta.27 –save-dev 结果： angular2-webpack-starter@5.1.1 C:\src\angular2-webpack\angular2-webpack-starter — UNMET PEER DEPENDENCY webpack@2.1.0-beta.27 我正在运行最新版本的节点和npm。 任何帮助，将不胜感激。 谢谢。 全输出： — UNMET PEER DEPENDENCY webpack@2.1.0-beta.27 npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.0.15: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN extract-text-webpack-plugin@1.0.1 requires a peer of webpack@^1.9.11 but none […]