Next.js + Html
Import .html
files as strings in your Next.js project
Installation
npm install --save @blunck/next-html
Usage
Create a next.config.js
in your project
// next.config.js
const withHtml = require('@blunck/next-html')()
module.exports = withHtml()
You can now import .html
files as strings
import foo from './foo.html'
export default () => <div dangerouslySetInnerHTML={{ __html: foo }} />
html-loader
options
With Optionally you can provide html-loader options
// next.config.js
const withHtml = require('@blunck/next-html')({
minimize: true,
conservativeCollapse: false
})
module.exports = withHtml()
Configuring Next.js
Optionally you can add your custom Next.js configuration as parameter
// next.config.js
const withHtml = require('@blunck/next-html')()
module.exports = withHtml({
webpack(config, options) {
return config
}
})