mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
8ed7795495
Current with-ant-design-less example has some problems. - Upgrade next7, console found a 404 error.  > After upgrade next7, .next folder didn't find /static/style.css and there is /static/css/style.chunk.css. - The /_next/static/style.css link don't need be placed in the <Head> tag. The style.chunk.css file will be add in the head tag automatically after build. - The project with more pages include _app.js, _document.js...the antd-custom.less will not work well. > The solution is use `modifyVars` of `lessLoaderOptions`. It work well in my project~
27 lines
637 B
JavaScript
27 lines
637 B
JavaScript
/* eslint-disable */
|
|
const withLess = require('@zeit/next-less')
|
|
const lessToJS = require('less-vars-to-js')
|
|
const fs = require('fs')
|
|
const path = require('path')
|
|
|
|
// Where your antd-custom.less file lives
|
|
const themeVariables = lessToJS(
|
|
fs.readFileSync(
|
|
path.resolve(__dirname, './asserts/antd-custom.less'),
|
|
'utf8'
|
|
)
|
|
)
|
|
|
|
// fix: prevents error when .less files are required by node
|
|
if (typeof require !== 'undefined') {
|
|
require.extensions['.less'] = (file) => {}
|
|
}
|
|
|
|
module.exports = withLess({
|
|
lessLoaderOptions: {
|
|
javascriptEnabled: true,
|
|
modifyVars: themeVariables // make your antd custom effective
|
|
},
|
|
|
|
})
|