mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
e9d14613d4
* Make styled-jsx configurable * Add styled-jsx-plugin-postcss example * Add styled-jsx 2.1.0 with plugins support * Move examples around and add description * Add link to new example
73 lines
2.1 KiB
JavaScript
73 lines
2.1 KiB
JavaScript
const relativeResolve = require('../root-module-relative-path').default(require)
|
|
|
|
// Resolve styled-jsx plugins
|
|
function styledJsxOptions (opts) {
|
|
if (!opts) {
|
|
return {}
|
|
}
|
|
|
|
if (!Array.isArray(opts.plugins)) {
|
|
return opts
|
|
}
|
|
|
|
opts.plugins = opts.plugins.map(plugin => {
|
|
if (Array.isArray(plugin)) {
|
|
const [name, options] = plugin
|
|
return [
|
|
require.resolve(name),
|
|
options
|
|
]
|
|
}
|
|
|
|
return require.resolve(plugin)
|
|
})
|
|
|
|
return opts
|
|
}
|
|
|
|
const envPlugins = {
|
|
'development': [
|
|
require.resolve('babel-plugin-transform-react-jsx-source')
|
|
],
|
|
'production': [
|
|
require.resolve('babel-plugin-transform-react-remove-prop-types')
|
|
]
|
|
}
|
|
|
|
const plugins = envPlugins[process.env.NODE_ENV] || envPlugins['development']
|
|
|
|
module.exports = (context, opts = {}) => ({
|
|
presets: [
|
|
[require.resolve('babel-preset-env'), {
|
|
modules: false,
|
|
...opts['preset-env']
|
|
}],
|
|
require.resolve('babel-preset-react')
|
|
],
|
|
plugins: [
|
|
require.resolve('babel-plugin-react-require'),
|
|
require.resolve('./plugins/handle-import'),
|
|
require.resolve('babel-plugin-transform-object-rest-spread'),
|
|
require.resolve('babel-plugin-transform-class-properties'),
|
|
[require.resolve('babel-plugin-transform-runtime'), opts['transform-runtime'] || {}],
|
|
[require.resolve('styled-jsx/babel'), styledJsxOptions(opts['styled-jsx'])],
|
|
...plugins,
|
|
[
|
|
require.resolve('babel-plugin-module-resolver'),
|
|
{
|
|
alias: {
|
|
'babel-runtime': relativeResolve('babel-runtime/package'),
|
|
'next/link': relativeResolve('../../../lib/link'),
|
|
'next/prefetch': relativeResolve('../../../lib/prefetch'),
|
|
'next/css': relativeResolve('../../../lib/css'),
|
|
'next/dynamic': relativeResolve('../../../lib/dynamic'),
|
|
'next/head': relativeResolve('../../../lib/head'),
|
|
'next/document': relativeResolve('../../../server/document'),
|
|
'next/router': relativeResolve('../../../lib/router'),
|
|
'next/error': relativeResolve('../../../lib/error')
|
|
}
|
|
}
|
|
]
|
|
]
|
|
})
|