webpack_complete_webdevelopment_config
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
| webpack_complete_webdevelopment_config [2018/01/29 23:53] – admin | webpack_complete_webdevelopment_config [2018/02/05 21:17] – [Slide 5] admin | ||
|---|---|---|---|
| Line 22: | Line 22: | ||
| ===== Yarn ===== | ===== Yarn ===== | ||
| - | * Define " | + | |
| - | * Centralize/ | + | * Workspace will be linked to ./ |
| + | * Dependenies end up in ./ | ||
| + | | ||
| <code bash Commands> | <code bash Commands> | ||
| Line 29: | Line 31: | ||
| | | ||
| - livereload | - livereload | ||
| - | | + | |
| - production | - production | ||
| | | ||
| Line 39: | Line 41: | ||
| <code javascript package.json> | <code javascript package.json> | ||
| { | { | ||
| - | | + | |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | }, | + | }, |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | ], |
| - | " | + | |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | " | + | " |
| - | }, | + | " |
| - | " | + | " |
| + | " | ||
| + | " | ||
| + | }, | ||
| + | " | ||
| } | } | ||
| - | |||
| </ | </ | ||
| Line 109: | Line 114: | ||
| * @type string | * @type string | ||
| */ | */ | ||
| - | const corePluginBase = ' | + | const corePluginBase = ' |
| + | const corePluginTarget = ' | ||
| if (process.env.NODE_ENV === undefined) { | if (process.env.NODE_ENV === undefined) { | ||
| Line 132: | Line 138: | ||
| */ | */ | ||
| pluginConfig[0] = new ExtractTextPlugin({ | pluginConfig[0] = new ExtractTextPlugin({ | ||
| - | filename: '../ | + | filename: |
| }); | }); | ||
| const extractPlugin = pluginConfig[0]; | const extractPlugin = pluginConfig[0]; | ||
| pluginConfig[8] = new ExtractTextPlugin({ | pluginConfig[8] = new ExtractTextPlugin({ | ||
| - | filename: '../ | + | filename: |
| }); | }); | ||
| const extractKssPlugin = pluginConfig[8]; | const extractKssPlugin = pluginConfig[8]; | ||
| Line 147: | Line 153: | ||
| pluginConfig[2] = new sassLintPlugin({ | pluginConfig[2] = new sassLintPlugin({ | ||
| glob: ' | glob: ' | ||
| - | ignoreFiles: | + | ignoreFiles: |
| ignorePlugins: | ignorePlugins: | ||
| }); | }); | ||
| Line 160: | Line 166: | ||
| classNmw: ' | classNmw: ' | ||
| cssFormat: ' | cssFormat: ' | ||
| - | template: path.resolve(__dirname, './Templates/ | + | template: path.resolve(corePluginBase, ' |
| cssTemplateFontPath: | cssTemplateFontPath: | ||
| dest: { | dest: { | ||
| - | fontsDir: '../../Public/ | + | fontsDir: |
| - | stylesDir: path.resolve(__dirname, './Scss/' | + | stylesDir: path.resolve(corePluginBase, ' |
| outputFilename: | outputFilename: | ||
| } | } | ||
| Line 187: | Line 193: | ||
| */ | */ | ||
| pluginConfig[6] = new KssWebpackPlugin({ | pluginConfig[6] = new KssWebpackPlugin({ | ||
| - | source: ['./Scss/', | + | source: [corePluginBase + ' |
| - | destination: | + | destination: |
| - | builder: './Templates/ | + | builder: |
| homepage: ' | homepage: ' | ||
| title: " | title: " | ||
| css: [' | css: [' | ||
| js: [' | js: [' | ||
| - | custom: ' | + | custom: |
| - | extend: './Templates/ | + | extend: |
| }); | }); | ||
| Line 206: | Line 212: | ||
| files: [ | files: [ | ||
| // Replace these globs with yours | // Replace these globs with yours | ||
| - | '../ | + | |
| - | '../ | + | |
| ] | ] | ||
| }), | }), | ||
| Line 251: | Line 257: | ||
| includePaths: | includePaths: | ||
| path.resolve(' | path.resolve(' | ||
| - | path.resolve(' | + | path.resolve(corePluginBase + 'Scss') |
| ] | ] | ||
| } | } | ||
| Line 260: | Line 266: | ||
| module.exports = { | module.exports = { | ||
| entry: { | entry: { | ||
| - | script: ['./JavaScript/ | + | script: [corePluginTarget + ' |
| }, | }, | ||
| output: { | output: { | ||
| path: __dirname, | path: __dirname, | ||
| - | filename: "../ | + | filename: |
| }, | }, | ||
| resolve: { | resolve: { | ||
webpack_complete_webdevelopment_config.txt · Last modified: 2018/02/05 23:48 by admin