mirror of
https://github.com/primer/css.git
synced 2024-11-30 19:53:11 +03:00
68 lines
1.8 KiB
JavaScript
68 lines
1.8 KiB
JavaScript
// this runs synchronously
|
|
require('./copy')
|
|
|
|
const {join, resolve} = require('path')
|
|
const withPlugins = require('next-compose-plugins')
|
|
const mdx = require('./lib/mdx')
|
|
|
|
const pageExtensions = ['js', 'jsx', 'md', 'mdx']
|
|
const assetPrefix = process.env.NOW_URL
|
|
|
|
module.exports = withPlugins([mdx()], {
|
|
/*
|
|
* Note: Prefixing assets with the fully qualified deployment URL
|
|
* makes them available even when the site is served from a path alias, as in
|
|
* <https://primer.style/components>
|
|
*/
|
|
assetPrefix: process.env.NOW_URL,
|
|
pageExtensions,
|
|
publicRuntimeConfig: {
|
|
assetPrefix
|
|
},
|
|
|
|
webpack(config, {dev}) {
|
|
config.module.rules.push({
|
|
test: /\.svg$/,
|
|
use: {loader: '@svgr/webpack'}
|
|
})
|
|
|
|
if (dev) {
|
|
/*
|
|
* In development mode, we want to alias the project-root
|
|
* imports to the source files so that this:
|
|
*
|
|
* ```js
|
|
* import {Box} from '..'
|
|
* ```
|
|
*
|
|
* becomes:
|
|
*
|
|
* ```js
|
|
* import {Box} from '../src'
|
|
* ```
|
|
*
|
|
* Note: the '$' at the end of these tells webpack to match
|
|
* the end of the import path. Without it, the first alias
|
|
* applies to *every* import because the resolved path for
|
|
* every one begins with `__dirname`.
|
|
*/
|
|
config.resolve.alias = {
|
|
[__dirname + '$']: join(__dirname, 'src/index.js'),
|
|
[join(__dirname, 'css$')]: join(__dirname, 'src/css.js')
|
|
}
|
|
}
|
|
|
|
const {optimization} = config
|
|
if (optimization && Array.isArray(optimization.minimizer)) {
|
|
const terserPlugin = optimization.minimizer[0]
|
|
/* eslint-disable camelcase, no-console */
|
|
console.warn('*** disabling mangling in Terser plugin ***')
|
|
terserPlugin.options.terserOptions = {
|
|
keep_fnames: true
|
|
}
|
|
/* eslint-enable camelcase, no-console */
|
|
}
|
|
return config
|
|
}
|
|
})
|