open-index/open-npm huggingface dataset:
npm package: @fanswoo/core
Description: fanswoo-framework and front core
Author: fansWoo
Latest version: 1.7.19

# `@fanswoo/core`

## 介紹

本套件以敏捷開發 SPA 為目的，為 `fanswoo-framework` 之核心套件，可以透過一系列相關組件達到快速開發。

---

> ### 補充說明
> 更多使用方式請參考 [fanswoo-framework 使用教程](https://fanswoo.atlassian.net/wiki/spaces/fanswooDevelopers)
npm package: @fanswoo/eslint-config-workspace
Description: fanswoo-framework and workspace environment
Author: fansWoo
Latest version: 1.6.17

# `@fanswoo/eslint-config-workspace`

## 介紹

本套件是 `Eslint` + `TypeScript` + `Vue` 環境下的 `Eslint` 設定檔，僅需套用此套件即可快速完成複雜的 `Eslint` 設置。

## 使用方法

直接於專案根目錄設置 `.eslintrc.js` 並引用 `extends` 屬性即可，若對於錯誤訊息有特殊需求，可以再根據需要覆寫需要的設定。

```
module.exports = {
  extends: ['@fanswoo/workspace'],
  settings: {
    'import/resolver': {
      alias: {
        map: [
          ['@', './resources/js'],
        ],
        paths: ['./'],
        extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
        moduleDirectory: ['node_modules'],
      },
    },
  },
};
```

---

> ### 補充說明
> 更多使用方式請參考 [fanswoo-framework 使用教程](https://fanswoo.atlassian.net/wiki/spaces/fanswooDevelopers)
npm package: @fanswoo/mix-manager
Description: mix resources
Author: fansWoo
Latest version: 1.3.37

# `@fanswoo/mix-manager`

## 介紹

本套件以 `webpack` 和 `laravel-mix` 作為基礎並擴張更多實用的方法。

---

## 使用方法

透過編輯 `webpack.mix.js` 撰寫編譯原始碼的規則。

```
const { mix } = require('@fanswoo/mix-manager');

mix
  .alias({
    '@': './resources/js/',
  })
  .autoload({
    jquery: ['$', 'jQuery', 'window.$', 'window.jQuery'],
  })
  .scssPath({
    src: './resources/scss/',
    dist: 'public/css/',
    pathToDot: true,
    includePaths: [
      './resources/scss/',
      './node_modules/@fanswoo/core/resources/scss/',
    ],
  })
  .jsPath({
    src: './resources/js/controllers/',
    dist: 'public/js/controllers/',
  })
  .babel('./resources/js/service-worker.js', 'public/service-worker.js')
  .options({
    sourcemaps: false,
    processCssUrls: false,
    runtimeChunkPath: 'js',
  })
  .extract([], 'js/vendor.js')
  .watchNodeModulesPath('@fanswoo')
  .tsLoader()
  .ckeditor()
  .sourceMaps();
```

---

## 擴充方法

<table>
  <thead>
    <th>方法</th>
    <th>說明</th>
  </thead>
  <tbody>
    <tr>
      <td>jsPath({ <i>string</i> }) </td>
      <td>一次編譯整個指定的資料夾內的 JavaScript、TypeScript、Vue 檔案</td>
    </tr>
    <tr>
      <td>scssPath({ src: <i>string</i>, dist: <i>string</i>, pathToDot: <i>boolean</i>, includePaths: <i>string[]</i> })</td>
      <td>一次編譯整個指定的資料夾內的 SCSS、CSS 檔案<br><strong>pathToDot</strong> 參數會將檔案路徑轉換為以點為基礎的檔案，以維持每個檔案都在同一資料夾內，可以避免使用圖片的相對路徑問題<br><strong>includePaths</strong> 參數會將指定路徑的檔案進行 import 並編譯</td>
    </tr>
    <tr>
      <td>watchNodeModulesPath( path: <i>string</i> )</td>
      <td>webpack 預設不偵測 node_modules 所有檔案的變化，若啟用此方法則可以偵測 node_modules 內的指定資料夾內所有檔案的變化</td>
    </tr>
    <tr>
      <td>tsLoader()</td>
      <td>啟用此方法始可編譯 TypeScript 檔案</td>
    </tr>
    <tr>
      <td>ckeditor()</td>
      <td>啟用此方法始可編譯 CKEditor 檔案</td>
    </tr>
  </tbody>
</table>

> ### 補充說明
> 更多使用方式請參考 [fanswoo-framework 使用教程](https://fanswoo.atlassian.net/wiki/spaces/fanswooDevelopers)
npm package: @fanswoo/package-manager
Description: this package can manage package
Author: fansWoo
Latest version: 1.7.19

# `@fanswoo/package-manager`

## 介紹

本套件可以進行套件相關管理，適合搭配 monorepo 使用：

1. 透過指令切換 npm 的 file、version 模式
2. 透過指令切換 compoer 的 file、git、version 模式
3. 快速複製 npm 套件依賴
4. 快速移除 npm 套件依賴
5. 批量更新所有已設置的 npm 指定套件

---

> ### 補充說明
> 更多使用方式請參考 [fanswoo-framework 使用教程](https://fanswoo.atlassian.net/wiki/spaces/fanswooDevelopers)