Felt 项目常见问题解决方案

Felt 项目常见问题解决方案

felt On-demand bundler for ES6 / CSS Next 项目地址: https://gitcode.com/gh_mirrors/fe/felt

项目基础介绍

Felt 是一个为 ES6 和 CSS Next 提供按需捆绑的开源项目。它可以将你的前端资源打包，并提供一个简单的服务器来服务这些资源，或者作为一个 Express 中间件使用。该项目主要使用 JavaScript 编程语言。

新手常见问题及解决步骤

问题一：如何安装和运行 Felt 服务器？

问题描述：新手用户可能不知道如何安装 Felt 或如何运行它作为本地服务器。

解决步骤：

1. 确保你的系统中安装了 Node.js，Felt 需要 Node 6.x 或更高版本。
2. 打开命令行工具，全局安装 Felt：

   npm install -g felt
   

3. 进入你的项目目录，然后运行 Felt：

   cd path/to/your/project
   felt
   

4. 运行后，Felt 将默认在本地 3000 端口启动服务器，可以在浏览器中访问 http://localhost:3000 查看效果。

问题二：如何配置 Felt 使用特定的构建配方（recipe）？

问题描述：用户可能想要自定义 Felt 的构建过程，例如使用特定的插件或配置。

解决步骤：

1. 在你的项目目录中创建一个配置文件，如 felt.config.js。
2. 在配置文件中，你可以定义源目录、处理器和其他选项。例如：

   'use strict';
   const rollup = require('felt-rollup');
   const buble = require('rollup-plugin-buble');
   const resolve = require('rollup-plugin-node-resolve');
   const commonjs = require('rollup-plugin-commonjs');
   
   module.exports = [
     {
       src: 'public',
       handlers: {
         'js': rollup({
           plugins: [
             resolve({
               jsnext: true,
               main: true,
               browser: true
             }),
             commonjs(),
             buble()
           ],
           sourceMap: true
         })
       }
     }
   ];
   

3. 运行 Felt 并指定配置文件：

   felt --config felt.config.js
   

问题三：如何使用 Felt 导出静态文件？

问题描述：用户可能需要将编译后的文件和其他资源导出到一个目录，以便上传到 CDN 或静态站点托管服务。

解决步骤：

1. 在命令行中运行 Felt，并使用 --export 参数指定导出目录：

   felt --src public --export dist
   

2. 运行此命令后，Felt 将会编译资源并将它们导出到 dist 目录中。
3. 你可以手动上传这个目录中的内容到你的服务器或 CDN。注意，使用 --export 参数时，Felt 不会作为服务器运行，只会作为打包工具使用。

felt On-demand bundler for ES6 / CSS Next 项目地址: https://gitcode.com/gh_mirrors/fe/felt