nemo64/webpack-environment

This package is abandoned and no longer maintained. No replacement package was suggested.

Maintainers

Details

github.com/Nemo64/webpack-environment

Source

Issues

Installs: 1

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 1

Forks: 0

Open Issues: 0

dev-master 2018-05-07 10:39 UTC

Requires

Requires (Dev)

MIT 20719961e42606a6fe5d87876031470a3eb50205

This package is not auto-updated.

Last update: 2019-02-20 19:22:54 UTC

README

Latest Stable Version Total Downloads License

Webpack environment

This is an extension to nemo64/environment which adds a default webpack file and some configuration to the Makefile and docker configuration to easily set up a webpack in your php project.

There aren't any further local dependencies. Every node execution is run through docker.

How to install

Just run composer require --dev nemo64/webpack-environment and the files are there. You'll also need to implement the manifest.json (read more) in your application.

How it works

Webpack will be executed as a docker service.

services:
  webpack:
    image: 'node:carbon'
    command: 'yarn run encore dev-server --host 0.0.0.0 --port 8080'
    ports:
      8080:8080
    volumes:
      - '.:/var/www'
    working_dir: /var/www

The makefile will be extended with this install job

node_modules: docker-compose.log $(wildcard package.* yarn.*)
	docker-compose run --rm --no-deps webpack yarn install

Example file

If you want to experiment with webpack just use this index.php file.

<?php $manifest = json_decode(file_get_contents(__DIR__ . '/build/manifest.json'), true); ?>
<!DOCTYPE html>
<html>
    <head>
        <title>Example page</title>
        <link rel="stylesheet" href="<?php echo htmlspecialchars($manifest['build/app.css']) ?>">
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class="col">col1</div>
                <div class="col">col2</div>
                <div class="col">col3</div>
            </div>
        </div>
        <script src="<?php echo htmlspecialchars($manifest['build/app.js']) ?>"></script>
    </body>
</html>