mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
b97fc82aa1
## Minor changes
When `NODE_ENV=test` is used we'll now apply the `'auto'` configuration for modules transformation. Which causes Babel to check if the current environment needs to be transformed or not. In practice this means that the following `.babelrc` is not needed anymore:
**OLD**:
```json
{
"env": {
"development": {
"presets": ["next/babel"]
},
"production": {
"presets": ["next/babel"]
},
"test": {
"presets": [["next/babel", { "preset-env": { "modules": "commonjs" } }]]
}
}
}
```
**NEW**:
```
{
"presets": ["next/babel"]
}
```
## Patches
`@babel/preset-react` has a `development` option that automatically applies a development-time plugin we manually applied before (`@babel/plugin-transform-react-jsx-source`). It also adds another development-time plugin that is said to make debugging/errors clearer: `@babel/plugin-transform-react-jsx-self` which we didn't apply before. Overall this means we can take advantage of preset-react to provide these plugins.
42 lines
1.2 KiB
JavaScript
42 lines
1.2 KiB
JavaScript
import babelLoader from 'babel-loader'
|
|
|
|
module.exports = babelLoader.custom(babel => {
|
|
const presetItem = babel.createConfigItem(require('../../babel/preset'), {type: 'preset'})
|
|
|
|
const configs = new Set()
|
|
|
|
return {
|
|
customOptions (opts) {
|
|
const custom = {
|
|
isServer: opts.isServer,
|
|
dev: opts.dev
|
|
}
|
|
const loader = Object.assign({
|
|
cacheDirectory: true
|
|
}, opts)
|
|
delete loader.isServer
|
|
delete loader.dev
|
|
|
|
return { loader, custom }
|
|
},
|
|
config (cfg, {customOptions: {isServer, dev}}) {
|
|
const options = Object.assign({}, cfg.options)
|
|
if (cfg.hasFilesystemConfig()) {
|
|
for (const file of [cfg.babelrc, cfg.config]) {
|
|
// We only log for client compilation otherwise there will be double output
|
|
if (file && !isServer && !configs.has(file)) {
|
|
configs.add(file)
|
|
console.log(`> Using external babel configuration`)
|
|
console.log(`> Location: "${file}"`)
|
|
}
|
|
}
|
|
} else {
|
|
// Add our default preset if the no "babelrc" found.
|
|
options.presets = [...options.presets, presetItem]
|
|
}
|
|
|
|
return options
|
|
}
|
|
}
|
|
})
|