GitHub - taniarascia/webpack-boilerplate: A sensible Webpack 4 boilerplate.
source link: https://github.com/taniarascia/webpack-boilerplate
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Minimal Webpack 4 boilerplate with Babel, Sass, ESLint, Hot Module Replacement, and development/production optimization.
git clone [email protected]:taniarascia/webpack-boilerplate npm i
npm run build
webpack- Module and asset bundler.
webpack-cli- Command line interface for Webpack.
webpack-dev-server- Development server for Webpack.
webpack-merge- Simplify development/production configuration
@babel/plugin-proposal-class-properties- Use properties directly on a class.
@babel/preset-env- Smart defaults for Babel.
babel-eslint- Lint Babel code.
babel-loader- Transpile files with Babel and Webpack.
sass-loader- Load SCSS and compile to CSS.
node-sass- Node Sass.
postcss-loader- Process CSS with PostCSS.
css-loader- Resolves CSS imports into JS.
style-loader- Inject CSS into the DOM.
eslint-loader- Use ESLint with Webpack.
file-loader- Copy files to build folder.
url-loader- Encode and inline files. Falls back to file-loader.
clean-webpack-plugin- Remove/clean build folders.
copy-webpack-plugin- Copy files to build directory.
html-webpack-plugin- Generate HTML files from template.
mini-css-extract-plugin- Extract CSS into separate files.
optimize-css-assets-webpack-plugin- Optimize and minimize CSS assets.
This project is open source and available under the MIT License.
Aggregate valuable and interesting links.
Joyk means Joy of geeK