Nx童话书“发展”模式-- Webpack

文章/答案/技术大牛

发布

1回答

javascript、webpack、storybook、nrwl-nx、nomachine-nx

我正在尝试让我的Storybook停止输出缩小的JS和随后的无法追踪的错误……这似乎是由于Nx对Webpack的开箱即用的配置方式？我似乎想不出如何改变这一点 // .storybook/webpack.config.js * Export a function.* @param {Object} options * @param {Required<import('webpack').Configuration>} options.con

浏览 13提问于2021-03-09得票数 1

1回答

安装一个旧版本的童话

reactjs、webpack、storybook

我有一个问题，故事簿6.3，因为它使用Webpack 5，我安装在一个干净的创建-反应-应用程序，其中使用Webpack 4.41.8。我只想安装一个较旧版本的故事簿，如5.3，我如何做到这一点？因为童话书使用了npx sb init

浏览 2提问于2021-08-02得票数 3

1回答

webpack :发展模式

reactjs、webpack、webpack-dev-server

你好，我正在使用webpack的反应应用。如何区分webpack的开发模式和生产模式，当npm启动开发模式也缩小文件时，我不想在开发模式下缩小，下面是我的package.json和webpack配置文件。我试过使用下面的代码，但没有用： minimize: false， "name": "webpack-react-starter", "versi

浏览 7提问于2022-04-14得票数 0

2回答

如何在不创建大型道具表的情况下用Storybook Docs +类型记录扩展HTMLAttributes？

reactjs、typescript、storybook

但是，通过使用这种模式，在呈现的Storybook文档中，props表记录了每个本机属性，使其长了数百行，并且成倍地增加了编译时间。

浏览 5提问于2020-08-11得票数 0

2回答

模块找不到在角形Nx单光子中建立故事簿

typescript、webpack、storybook、nrwl

我无法建立和运行故事簿后，添加到一个Nx角v11项目。该项目最近被迁移到Nx。该项目构建和服务没有问题，我能够添加一个e2e应用程序没有问题。❯ npx nx build-storybook client Modul

浏览 14提问于2022-01-06得票数 0

回答已采纳

3回答

故事书:使用@svgr/webpack在svg文件上执行“createElement”失败

javascript、reactjs、svg、webpack、storybook

因此，我将加载程序添加到我的.storybook/main.js文件中，以扩展默认的童话webpack配置：webpackFinal: async config => {config.module.rules.push({ enforce: 'pre', });

浏览 2提问于2020-04-29得票数 21

回答已采纳

1回答

NX +故事本：.在TypeScript编译中缺少。请通过“file”或“include”属性确保它在tsconfig中。

angular、storybook、nrwl-nx

我是“角斗士”、“nx”和“故事书”的新手。我已经在谷歌上搜索了很长一段时间，并阅读了几个线程，但到目前为止，没有任何东西能够帮助我。 container.component.html OS : win32 x64@

浏览 10提问于2022-04-29得票数 2

1回答

运行故事书时nx抛出错误的原因

reactjs、webpack、storybook、nrwl-nx、nomachine-nx

我试图使用通过故事书运行我的自定义react库。每当我运行nx run my-lib:storybook命令时，故事书就会成功地打开。来自nx云的屏幕截图：依赖于我的应用程序 "@emotion/react": "11.9.3",

浏览 8提问于2022-07-27得票数 0

3回答

升级到《Webpack 5突破故事书5》

reactjs、webpack、storybook

在将webpack 4/故事书5项目升级到webpack 5的过程中，希望能够利用联合模块。我有常规的webpack --config webpack.config.js构建工作，但我似乎不能克服这个故事书的配置问题，让它工作。故事书webpack.config.js中没有太多内容，只有一些模块规则，用于测试较少的文件和使用适当的加载器。我遇到的这个错误似乎是在升级webpack专业时遇到的典型错误，因为我发现很多人在3-4

浏览 1提问于2020-04-23得票数 10

1回答

使用童话webpack 5导入CSS模块时出错

reactjs、webpack、storybook、css-loader、webpack-5

我正在使用童话与webpack 5为一个简单的项目，我有挑战的CSS模块导入，尽管自定义webpack配置为故事书。/node_modules/webpack/lib/NormalModule.js:743:19) at ./node_modules/@storybook

浏览 7提问于2022-01-14得票数 6

1回答

故事书中未出现的角质材料样式

angular-material、angular-cli、storybook、angular-storybook

我试图在一个nx应用程序中使用棱角材质库创建一个故事书，但是我无法获得随库一起出现的样式。因此，组件呈现，但没有样式伴随着它。@import '@angular/material/prebuilt-themes/deeppurple-amber.css'; 这也是一个nx应用程序，所以没有angular.json，只有project.json我试着像下面这样将主题添加到project.json中，但不起作用，我假设它需要以某种方式直接传递到故事书，而不是在project.j

浏览 7提问于2022-03-31得票数 4

1回答

JavaScript文件中Webpack模式的检测

javascript、reactjs、webpack

我正在与Webpack一起构建一捆ReactJS文件。是否可以检测使用Webpack模式的JSX文件内部："none"、"development"或"production" 例如，我希望在开发模式下使用一些console.log()语句和全局变量，而不是生产模式

浏览 2提问于2021-12-12得票数 1

1回答

production应用程序没有为生产构建生成优化的包。

webpack-5、nrwl-nx、webpack-module-federation

我的微前端react应用程序是使用Nx工具创建的。它是使用创建的，当前的配置是未触及的&这是Nx提供的默认配置。当我在生产模式中构建应用程序时，生成的包不会最小化&性能也不会优化。在project.json中，如果我替换*目标>构建>选项> "webpackConfig"*从**自定义webpack路径**到**“@nrwl/ app /plugins/webpack”*，它会尊重优化标志并按预期工作我也尝试基于这个定制

浏览 4提问于2022-11-26得票数 0

1回答

webpack -在开发时使用无限制的库版本

typescript、npm、webpack

我想使用不缩小版本的顶端图表库时，建设项目与webpack的发展模式，生产我想留在小型化。Apex曲线图包提供了库的小型化和非缩小版本。 webpack可以这样配置吗？应该执行哪些配置步骤？

浏览 2提问于2019-11-18得票数 0

1回答

给我错误路径[ERR_INVALID_ARG_TYPE]：“TypeError”参数必须是string类型。接收未定义

nrwl-nx、angular-storybook

我的Angular故事书工作得很好，但我添加了一个组件，尝试重新生成故事书，并开始收到跟踪错误 info => Loading presets TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument mustYou may need to refresh the browser. ————————————

浏览 88提问于2021-10-26得票数 0

1回答