добавлен пример хорошего применения без побочных эффектов

Author: leonied7

.npmignore

@@ -0,0 +1 @@
+examples

examples/best-practice/README.md

@@ -0,0 +1 @@
+Example of using webpack in a separate directory.

examples/best-practice/webpack/.babelrc

@@ -0,0 +1,11 @@
+{
+  "presets": [["es2015", { "modules": false }]],
+  "plugins": [
+    "transform-object-rest-spread",
+    ["transform-runtime", {
+      "polyfill": false,
+      "regenerator": true
+    }],
+    "syntax-dynamic-import"
+  ]
+}

examples/best-practice/webpack/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "webpack-best-practice-config",
+  "version": "1.0.0",
+  "description": "",
+  "scripts": {
+    "yii2-webpack": "yii2-webpack",
+    "yii2-webpack:default": "yii2-webpack --default-config",
+    "dev": "yii2-webpack-exec --progress --yii2-webpack-config dev",
+    "build": "yii2-webpack-exec --yii2-webpack-config prod"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "babel-cli": "^6.26.0",
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.4",
+    "babel-plugin-component": "^1.1.1",
+    "babel-plugin-syntax-dynamic-import": "^6.18.0",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-preset-env": "^1.6.1",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-react": "^6.24.1",
+    "npm": "^6.7.0",
+    "webpack": "^4.6.0",
+    "webpack-cli": "^3.2.3",
+    "webpack-dev-server": "^3.1.14",
+    "webpack-merge": "^4.1.2",
+    "yii2-webpack": "^1.0.0"
+  }
+}

examples/best-practice/webpack/src/index.js

@@ -0,0 +1 @@
+console.log('hello world')

examples/best-practice/webpack/webpack.common.js

@@ -0,0 +1,21 @@
+module.exports = {
+  entry: {
+    index: './src/index.js'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: file => (
+          /node_modules/.test(file)
+        ),
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: [['env', {'modules': false, 'targets': {'node': 4}}]]
+          },
+        },
+      }
+    ],
+  },
+}

examples/best-practice/webpack/webpack.dev.js

@@ -0,0 +1,19 @@
+const path = require('path')
+const merge = require('webpack-merge')
+const common = require('./webpack.common.js')
+const publicPath = 'http://localhost:8080/'
+
+module.exports = merge.smart(common, {
+  mode: 'development',
+  output: {
+    filename: '[name].js',
+    chunkFilename: '[name].[hash].bundle.js',
+    path: path.resolve(__dirname, 'dist'),
+    publicPath: publicPath
+  },
+  devServer: {
+    headers: {'Access-Control-Allow-Origin': '*'},
+    disableHostCheck: true
+  }
+})
+

examples/best-practice/webpack/webpack.prod.js

@@ -0,0 +1,14 @@
+const path = require('path')
+const merge = require('webpack-merge')
+const common = require('./webpack.common.js')
+const publicPath = ''
+
+module.exports = merge.smart(common, {
+  mode: 'production',
+  output: {
+    filename: '[name].[hash].js',
+    chunkFilename: '[id].[hash].js',
+    path: path.resolve(__dirname, 'dist'),
+    publicPath: publicPath
+  }
+})

examples/best-practice/webpack/yii2-webpack-settings.json

@@ -0,0 +1 @@
+{"assetDirectory":"assets","webpackDirectory":"webpack"}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "yii2-webpack",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Webpack integration with Yii2",
   "keywords": [
     "yii2",