This repo is still kept current but perhaps you could try out my newer Webpack-mix config. You can still integrate it with Craft - instructions in the readme.
An agency-battletested production-ready boilerplate to help you get you started in Craft CMS 3.
This process will get you setup with a new project locally.
- Create a local database for your new project (Sequel Pro is a good choice)
- In your terminal,
cd/TO/YOUR/PROJECTS/DIRECTORY
and create a new project with this boilerplate:
create-project ben-rogerson/craft-gulp --stability dev PROJECT_NAME
and run the./craft setup
command thatÕšs mentioned at the end - Open your project directory and install the packages
cd PROJECT_NAME && npm i
- Activate the asset-rev plugin
./craft install/plugin assetrev
- Add a link with Valet or Homestead to the
public
folder [valet link PROJECT_NAME
] - Open
PROJECT_NAME/package.json
and update the dev url inconfig.devUrl
- Start your dev server with
npm start
- Code like a pro.
Be sure to enable the rest of the installed plugins within Craft.
npm start
- Automatic updates with Browsersync
- Cachebusting with Querystring
- SCSS
- Breakpoint Display Helper
- Autoprefixer
- Sourcemaps
- Javascript
- First class ES6+ Transpiling
- JS Modules (import/export)
- Globals (browserify-shim)
- Sourcemaps
- Images
- Compression for GIF/JPG/PNG/SVG
- SVG Sprite Conversion
- Favicons
npm run build
- All of the above but no Browsersync or Sourcemaps
- Cachebusting with Manifest