I am eager to introduce sass and BEM methodology into our company's project, but I am encountering some challenges with integrating the sass plugin into our existing codebase. Currently, we are utilizing typescript and CSS plugins.
const path = require('path')
const withTypescript = require('@zeit/next-typescript')
const withCSS = require('@zeit/next-css')
const withSass = require('@zeit/next-sass');
const configuration = require('./config/configuration.json')
module.exports = withTypescript(
withCSS({
webpack(config) {
if (process.env.ANALYZE) {
config.plugins.push(new BundleAnalyzerPlugin({
analyzerMode: 'server',
analyzerPort: 8888,
openAnalyzer: true,
}))
}
return config
},
cssModules: true,
serverRuntimeConfig: {
// Will only be available on the server side
},
publicRuntimeConfig: {
// Will be available on both server and client
}
})
)
I am determined to seamlessly integrate the sass plugin into our project workflow while continuing to make progress as I implement this new technology.