Install this package and Webpack via NPM:
npm install webpack @dosomething/webpack-config --save-dev
Add some scripts to your
// ..."scripts":"start": "webpack --env=development --hide-modules --watch""build:dev": "webpack --env=development --hide-modules""build": "webpack --env=production"
webpack.config.js in your project directory, and set it up like so:
// webpack.config.jsvar webpack = ;var configure = ;moduleexports =;
This package uses PostCSS to post-process your stylesheets, so you will need to create a
postcss.config.js in your project directory:
// postcss.config.jsmoduleexports =sourceMap: trueplugins:;
For example, the above configuration post-processes your CSS with TailwindCSS and Autoprefixer.
Now you can run
npm start to build with source maps and watch for changes, and
npm run build to build optimized assets for production! If you need to further customize your build, you can pass any overrides in to the configure function.
© DoSomething.org. Our Webpack config is free software, and may be redistributed under the terms specified in the LICENSE file. The name and logo for DoSomething.org are trademarks of Do Something, Inc and may not be used without permission.