问题标签 [parceljs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 包裹捆绑器 - React
我正在寻找一种快速简单的方法来构建一个简单的生产单页应用程序,其中包含 parcel、react 和 GitHub 页面。我试图parcel build index.html
将 gh-pages 插件的输出捆绑为原始项目,但没有成功.... gh-pages 项目未按预期加载。当我按照本教程(https://www.youtube.com/watch?v=nyjarJhVQMM&t=)使用基本反应应用程序cli加载它时,例如。它工作正常。在构建步骤之后,我可以看到我的应用程序正在加载给定的 gh-pages 主页。但我觉得我错过了包裹捆绑的东西。有人可以指出我正确的方式吗?十分感谢!
webpack - 如何在 CRA 项目中用 parcel 替换 webpack?
我有一个 CRA 项目设置,它工作正常。但是我正在考虑将其弹出并用 Parcel.js 替换 Webpack。弹出后,我该怎么办?index.js
文件夹中的文件是src
包裹我需要的唯一文件吗?
.net-core - 带有 dotnet 核心的 parceljs
我想尝试使用 parceljs 进行缩小和捆绑。
我已经使用 npm 安装了 parcel-bundler,并尝试创建 index.js、main.js 和 main.css 进行测试。
main.css
main.js
index.js
在我的 layout.cshtml 文件中,我包含了 index.js 文件,但这是我卡住的地方。我知道我可以从 powershell\cmd 运行 parcel,它说服务器正在端口 1234 上运行。但是,我想使用 dotnet run。
当像往常一样运行 dotnet run 时,我从 index.js 文件中得到“意外令牌”。我猜包裹在启动 dotnet 运行时没有运行。
parceljs - 使用 Parceljs 动态加载图像
当构建时不知道图像名称时,是否可以使用 parceljs 捆绑器动态加载图像
包裹中是否有类似于 webpack 的require.context的东西
代码片段(使用 React 和 Parcel)这很好用
但是如果使用表达式,它会抛出“未捕获的错误:找不到模块”
那么,我做错了吗?有没有其他方法可以用包裹做到这一点
parceljs - parcel bundler - 未知插件“add-module-exports”
我正在尝试使用“react-responsive”,但收到错误消息 - 未知插件“add-module-exports
看起来这与需要排除 node_modules 的事实有关,但由于 babel v6(在 v7 中修复)中的错误,添加"ignore": "node_modules"
到.babelrc
文件中不起作用。
https://github.com/contra/react-responsive/issues/131
似乎 parcel-bundler 使用 babel v6 所以我的问题是,我怎样才能忽略 node_modules 并让 parcel 捆绑而不抛出错误?
css - Parcel React 16 和每组件 SCSS
如何使用 parcel 设置一个环境,其中每个组件都有自己的、分隔的、SCSS 样式文件,这些文件不会相互干扰(例如,您甚至可以在两个文件中拥有相同的类名,它们不适用于两个元素在使用它的 Web 应用程序上,每个组件都会收到指定的一个。)
我以前在 Angular 4 项目中看到过这种情况,我知道它曾经可以通过 webpack 实现:https ://javascriptplayground.com/css-modules-webpack-react/
但我想用包裹来完成这个。
我遵循了本指南:
https://www.valentinog.com/blog/tutorial-react-parcel-bundler/
设置 Parcel-React。(对于 Scss 这只是个人喜好,我已经在使用它,因为它很容易在包裹中设置,但这个问题也可以很容易地应用于 css)
angular - Parcel-Angular5:如何添加 SCSS/SASS 支持?
我有一个从 angular cli 开始的项目。
我想使用scss。
在 WebStorm 的终端中,我输入:
我将所有.css
文件重命名为.scss
并更改了导入:
我现在有一个奇怪的情况:该.scss
文件中的 css3 norm 及以下代码被解释,而 scss norm 的代码不是。
前任 :
我试过 :
但这绝对没有产生任何变化,显然你不应该在使用 angular cli 时添加它们。
我也在使用包裹。Parcel-sass 集成很棒,但 angular-cli 可能还不支持它。Angular-parcel 是相当新的。
我不知道。
这是我的 package-json 文件:
javascript - 如何从 Javascript 中按名称导入打字稿生成的模块?
我想将 typescript 生成的模块中的函数导入 javascript 的全局命名空间。这是我的打字稿模块foo.ts
:
这是我的 HTML 文件:
这给了我错误Cannot find module './foo.ts'
。在搞砸了一点之后,我发现我可以使用包裹生成的索引(例如,window.fooFn = require(7).fooFn
)导入它,但显然这不是一个可行的解决方案,并且每次我重新启动包裹开发服务器时索引都会更改。
所以,我的问题是,如何按名称导入这个模块?
这是我tsconfig.json
的参考:
如果你想知道我为什么要在全局命名空间上公开这个函数,这样我就可以轻松地从 WebAssembly 应用程序中访问它。
parceljs - 使用 Parceljs 保留图像的路径
与 ParcelJS 捆绑时,我可以将文件夹结构保留在图像文件夹中吗?现在项目中使用的所有文件都获得随机文件名并全部存储在同一目录中(cfr.dist||build)
javascript - Parcel 插件不起作用:返回路径字符串而不是内容字符串
我正在使用 Parceljs,并且正在尝试将 GLSL 着色器作为纯文本加载。我已经安装了parcel-plugin-glsl
和parcel-plugin-shader-loader
,但都没有工作。
我将它们导入到我的 .js 文件中,如下所示:
import vertexShader from "./vertex-shaders/basic.glsl";
console.log(vertexShader);
根据文档,我现在应该以文本形式接收文件的内容,但是当我登录到控制台时,我只获得了文件的路径(/dist/823ef3822e0a8f71abe50187f7dc2e79.glsl
)。
我已经使用 安装了插件npm install parcel-plugin-glsl --save-dev
,Parcel 应该处理其余的。
我究竟做错了什么?