0

./libnpmに公開する前にディレクトリを構築する npm スクリプトをいくつか書きました。1.スクリプトは、すべてのファイルを構文
に変換してから、ファイルを(同じ構造)にコピーする責任があります。 これはスクリプトです: es6 *.js./src/components/es5./lib

"cross-env NODE_ENV=production babel ./src/components --out-dir ./lib --ignore spec.js --copy-files"

そして、これは.babelrcファイルです:

{
  "presets": [
    "react",
    "stage-1"
  ],
  "env": {
    "development": {
      "presets": [
        "latest",
        "react-hmre"
      ]
    },
    "production": {
      "presets": [
        [
          "latest",
          "es2015"
        ]
      ],
      "plugins": [
        "transform-react-constant-elements",
        "transform-react-remove-prop-types",
        [
          "transform-imports",
          {
            "react-bootstrap": {
              "transform": "react-bootstrap/lib/${member}",
              "preventFullImport": true
            },
            "lodash": {
              "transform": "lodash/${member}",
              "preventFullImport": true
            }
          }
        ]
      ]
    },
    "test": {
      "presets": [
        "latest"
      ]
    }
  }
}

.lessファイルを変換し.cssてコピーする別のスクリプトがあります./lib(同じ構造):

"lessc-glob ./src/components/**/*.less lib"

すべてが期待どおりに機能しますが、現在 1 つの問題があります。importファイル内にある は.jsファイルを参照していますが、拡張子.lessに変更する必要があります。 明確にするために、 私が今持っているものは次のとおりです。.css

import css from './styles.less';

これに変換:

var _styles = require('./styles.less'); 

しかし、私はこれに変換したい:

var _styles = require('./styles.css'); 
4

1 に答える 1