./lib
npmに公開する前にディレクトリを構築する 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');