这是我第一次尝试理解使用rollup。
我使用的是 这个模板 因为它都是基于three.js的,我也很喜欢使用它。
到目前为止,我目前(几乎可以肯定是不正确的)的方法是。
从github下载模板项目
首先,我想了解项目的哪些部分需要推送到我的网站上,让它 "按原样 "工作。我成功地做到了这一点,并且可以在我的一个网站子域上看到项目的上线。
现在我试着在本地设置我的生产环境。我做了一份github下载的副本,然后运行 npm install
- 这就引入了我的node_modules文件夹,并下载了所有的依赖关系。我全局安装了rollup。
接下来我运行了 rollup watch
- 希望它能持续更新我的构建文件。这时我得到了这个错误。
Error: Could not resolve entry module (watch). at error (C:\Users\Shadow\AppData\Roaming\npm\node_modules\rollup\dist\shared\rollup.js:213:30) at ModuleLoader.loadEntryModule (C:\Users\Shadow\AppData\Roaming\npm\node_modules\rollup\dist\shared\rollup.js:17642:16) at async Promise.all (index 0)
我的配置文件是这样的 My config file looks like this:
import resolve from '@rollup/plugin-node-resolve'; // locate and bundle dependencies in node_modules (mandatory)
import { terser } from "rollup-plugin-terser"; // code minification (optional)
export default {
input: 'src/main.js',
output: [
{
format: 'umd',
name: 'LIB',
file: 'build/main.js'
}
],
plugins: [ resolve(), terser() ]
};
我的文件树看起来是这样的 - 这和github下载的文件加上新的node_modules文件夹是一样的。
如果有人有什么想法或者能指出我误解的地方,那就太感谢了!如果我没有包含你认为有用的东西,请告诉我,我可以更新我的问题。
EDIT:
我试着用 rollup -w
& rollup --w
给我带来了这个错误。
[!] Error: You must supply options.input to rollup
Error: You must supply options.input to rollup
at Graph.generateModuleGraph (C:\Users\Shadow\AppData\Roaming\npm\node_modules\rollup\dist\shared\rollup.js:18319:19)
at processTicksAndRejections (internal/process/task_queues.js:97:5)
at async Graph.build (C:\Users\Shadow\AppData\Roaming\npm\node_modules\rollup\dist\shared\rollup.js:18239:9)
at async Object.rollupInternal (C:\Users\Shadow\AppData\Roaming\npm\node_modules\rollup\dist\shared\rollup.js:19100:18)
at async Task.run (C:\Users\Shadow\AppData\Roaming\npm\node_modules\rollup\dist\shared\watch.js:715:28)
at async Watcher.run (C:\Users\Shadow\AppData\Roaming\npm\node_modules\rollup\dist\shared\watch.js:640:17)
我有可能使用了错误的措辞。我无法确认,因为文档似乎很薄。但我用了 rollup -c "rollup_config.js -w"
而现在它的工作。