Skip to content
This repository has been archived by the owner on May 29, 2019. It is now read-only.

Commit

Permalink
refactor: Extract loader to lib
Browse files Browse the repository at this point in the history
  • Loading branch information
joshwiens committed Jun 20, 2017
1 parent 9262804 commit 26c5949
Show file tree
Hide file tree
Showing 3 changed files with 115 additions and 115 deletions.
1 change: 0 additions & 1 deletion src/cjs.js
Original file line number Diff line number Diff line change
@@ -1,2 +1 @@
module.exports = require('./index').default;
module.exports = require('./loader').default;
114 changes: 114 additions & 0 deletions src/lib/ExtractTextLoader.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
import fs from 'fs';
import loaderUtils from 'loader-utils';
import NodeTemplatePlugin from 'webpack/lib/node/NodeTemplatePlugin';
import NodeTargetPlugin from 'webpack/lib/node/NodeTargetPlugin';
import LibraryTemplatePlugin from 'webpack/lib/LibraryTemplatePlugin';
import SingleEntryPlugin from 'webpack/lib/SingleEntryPlugin';
import LimitChunkCountPlugin from 'webpack/lib/optimize/LimitChunkCountPlugin';

const NS = fs.realpathSync(__dirname);

export default source => source;

export function pitch(request) {
const query = loaderUtils.getOptions(this) || {};
let loaders = this.loaders.slice(this.loaderIndex + 1);
this.addDependency(this.resourcePath);
// We already in child compiler, return empty bundle
if (this[NS] === undefined) { // eslint-disable-line no-undefined
throw new Error(
'"extract-text-webpack-plugin" loader is used without the corresponding plugin, ' +
'refer to https://github.com/webpack/extract-text-webpack-plugin for the usage example',
);
} else if (this[NS] === false) {
return '';
} else if (this[NS](null, query)) {
if (query.omit) {
this.loaderIndex += +query.omit + 1;
request = request.split('!').slice(+query.omit).join('!');
loaders = loaders.slice(+query.omit);
}
let resultSource;
if (query.remove) {
resultSource = '// removed by extract-text-webpack-plugin';
} else {
resultSource = undefined; // eslint-disable-line no-undefined
}

const childFilename = 'extract-text-webpack-plugin-output-filename'; // eslint-disable-line no-path-concat
const publicPath = typeof query.publicPath === 'string' ? query.publicPath : this._compilation.outputOptions.publicPath;
const outputOptions = {
filename: childFilename,
publicPath,
};
const childCompiler = this._compilation.createChildCompiler(`extract-text-webpack-plugin ${NS} ${request}`, outputOptions);
childCompiler.apply(new NodeTemplatePlugin(outputOptions));
childCompiler.apply(new LibraryTemplatePlugin(null, 'commonjs2'));
childCompiler.apply(new NodeTargetPlugin());
childCompiler.apply(new SingleEntryPlugin(this.context, `!!${request}`));
childCompiler.apply(new LimitChunkCountPlugin({ maxChunks: 1 }));
// We set loaderContext[NS] = false to indicate we already in
// a child compiler so we don't spawn another child compilers from there.
childCompiler.plugin('this-compilation', (compilation) => {
compilation.plugin('normal-module-loader', (loaderContext, module) => {
loaderContext[NS] = false;
if (module.request === request) {
module.loaders = loaders.map((loader) => {
return ({
loader: loader.path,
options: loader.options,
});
});
}
});
});

let source;
childCompiler.plugin('after-compile', (compilation, callback) => {
source = compilation.assets[childFilename] && compilation.assets[childFilename].source();

// Remove all chunk assets
compilation.chunks.forEach((chunk) => {
chunk.files.forEach((file) => {
delete compilation.assets[file];
});
});

callback();
});
const callback = this.async();
childCompiler.runAsChild((err, entries, compilation) => {
if (err) return callback(err);

if (compilation.errors.length > 0) {
return callback(compilation.errors[0]);
}
compilation.fileDependencies.forEach((dep) => {
this.addDependency(dep);
}, this);
compilation.contextDependencies.forEach((dep) => {
this.addContextDependency(dep);
}, this);
if (!source) {
return callback(new Error("Didn't get a result from child compiler"));
}
try {
let text = this.exec(source, request);
if (typeof text === 'string') { text = [[0, text]]; }
text.forEach((item) => {
const id = item[0];
compilation.modules.forEach((module) => {
if (module.id === id) { item[0] = module.identifier(); }
});
});
this[NS](text, query);
if (text.locals && typeof resultSource !== 'undefined') {
resultSource += `\nmodule.exports = ${JSON.stringify(text.locals)};`;
}
} catch (e) {
return callback(e);
}
if (resultSource) { callback(null, resultSource); } else { callback(); }
});
}
}
115 changes: 1 addition & 114 deletions src/loader.js
Original file line number Diff line number Diff line change
@@ -1,114 +1 @@
import fs from 'fs';
import loaderUtils from 'loader-utils';
import NodeTemplatePlugin from 'webpack/lib/node/NodeTemplatePlugin';
import NodeTargetPlugin from 'webpack/lib/node/NodeTargetPlugin';
import LibraryTemplatePlugin from 'webpack/lib/LibraryTemplatePlugin';
import SingleEntryPlugin from 'webpack/lib/SingleEntryPlugin';
import LimitChunkCountPlugin from 'webpack/lib/optimize/LimitChunkCountPlugin';

const NS = fs.realpathSync(__dirname);

export default source => source;

export function pitch(request) {
const query = loaderUtils.getOptions(this) || {};
let loaders = this.loaders.slice(this.loaderIndex + 1);
this.addDependency(this.resourcePath);
// We already in child compiler, return empty bundle
if (this[NS] === undefined) { // eslint-disable-line no-undefined
throw new Error(
'"extract-text-webpack-plugin" loader is used without the corresponding plugin, ' +
'refer to https://github.com/webpack/extract-text-webpack-plugin for the usage example',
);
} else if (this[NS] === false) {
return '';
} else if (this[NS](null, query)) {
if (query.omit) {
this.loaderIndex += +query.omit + 1;
request = request.split('!').slice(+query.omit).join('!');
loaders = loaders.slice(+query.omit);
}
let resultSource;
if (query.remove) {
resultSource = '// removed by extract-text-webpack-plugin';
} else {
resultSource = undefined; // eslint-disable-line no-undefined
}

const childFilename = 'extract-text-webpack-plugin-output-filename'; // eslint-disable-line no-path-concat
const publicPath = typeof query.publicPath === 'string' ? query.publicPath : this._compilation.outputOptions.publicPath;
const outputOptions = {
filename: childFilename,
publicPath,
};
const childCompiler = this._compilation.createChildCompiler(`extract-text-webpack-plugin ${NS} ${request}`, outputOptions);
childCompiler.apply(new NodeTemplatePlugin(outputOptions));
childCompiler.apply(new LibraryTemplatePlugin(null, 'commonjs2'));
childCompiler.apply(new NodeTargetPlugin());
childCompiler.apply(new SingleEntryPlugin(this.context, `!!${request}`));
childCompiler.apply(new LimitChunkCountPlugin({ maxChunks: 1 }));
// We set loaderContext[NS] = false to indicate we already in
// a child compiler so we don't spawn another child compilers from there.
childCompiler.plugin('this-compilation', (compilation) => {
compilation.plugin('normal-module-loader', (loaderContext, module) => {
loaderContext[NS] = false;
if (module.request === request) {
module.loaders = loaders.map((loader) => {
return ({
loader: loader.path,
options: loader.options,
});
});
}
});
});

let source;
childCompiler.plugin('after-compile', (compilation, callback) => {
source = compilation.assets[childFilename] && compilation.assets[childFilename].source();

// Remove all chunk assets
compilation.chunks.forEach((chunk) => {
chunk.files.forEach((file) => {
delete compilation.assets[file];
});
});

callback();
});
const callback = this.async();
childCompiler.runAsChild((err, entries, compilation) => {
if (err) return callback(err);

if (compilation.errors.length > 0) {
return callback(compilation.errors[0]);
}
compilation.fileDependencies.forEach((dep) => {
this.addDependency(dep);
}, this);
compilation.contextDependencies.forEach((dep) => {
this.addContextDependency(dep);
}, this);
if (!source) {
return callback(new Error("Didn't get a result from child compiler"));
}
try {
let text = this.exec(source, request);
if (typeof text === 'string') { text = [[0, text]]; }
text.forEach((item) => {
const id = item[0];
compilation.modules.forEach((module) => {
if (module.id === id) { item[0] = module.identifier(); }
});
});
this[NS](text, query);
if (text.locals && typeof resultSource !== 'undefined') {
resultSource += `\nmodule.exports = ${JSON.stringify(text.locals)};`;
}
} catch (e) {
return callback(e);
}
if (resultSource) { callback(null, resultSource); } else { callback(); }
});
}
}
module.exports = require('./lib/ExtractTextLoader').default;

0 comments on commit 26c5949

Please sign in to comment.