woocommerce/plugins/woocommerce-admin/webpack.config.js

128 lines
2.4 KiB
JavaScript
Raw Normal View History

2018-04-17 21:38:56 +00:00
/* eslint-disable */
const path = require( 'path' );
const ExtractTextPlugin = require( 'extract-text-webpack-plugin' );
var NODE_ENV = process.env.NODE_ENV || 'development';
/**
* Given a string, returns a new string with dash separators converedd to
* camel-case equivalent. This is not as aggressive as `_.camelCase` in
* converting to uppercase, where Lodash will convert letters following
* numbers.
*
* @param {string} string Input dash-delimited string.
*
* @return {string} Camel-cased string.
*/
function camelCaseDash( string ) {
return string.replace(
/-([a-z])/,
( match, letter ) => letter.toUpperCase()
);
}
const gutenbergEntries = [
2018-04-17 21:38:56 +00:00
'blocks',
'components',
'editor',
'utils',
'data',
'viewport',
'core-data',
'plugins',
'edit-post',
'core-blocks',
];
const gutenbergPackages = [
'date',
'dom',
'element',
'keycodes',
'deprecated',
];
const wordPressPackages = [
'a11y',
'dom-ready',
2018-04-17 21:38:56 +00:00
'hooks',
'i18n',
'is-shallow-equal',
];
const coreGlobals = [
2018-04-17 21:38:56 +00:00
'api-request',
];
const externals = {
react: 'React',
'react-dom': 'ReactDOM',
tinymce: 'tinymce',
moment: 'moment',
jquery: 'jQuery',
};
[
...gutenbergEntries,
...gutenbergPackages,
...wordPressPackages,
...coreGlobals,
].forEach( ( name ) => {
2018-04-17 21:38:56 +00:00
externals[ `@wordpress/${ name }` ] = {
this: [ 'wp', camelCaseDash( name ) ],
};
} );
const webpackConfig = {
mode: NODE_ENV,
entry: {
index: './client/index.js',
embedded: './client/embedded.js',
},
2018-04-17 21:38:56 +00:00
output: {
path: path.resolve( 'dist' ),
filename: '[name].js',
library: [ 'wc', '[name]' ],
2018-04-17 21:38:56 +00:00
libraryTarget: 'this',
},
externals,
module: {
rules: [
{
test: /\.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/
},
{
2018-05-28 10:55:19 +00:00
test: /\.(scss|css)$/,
2018-04-17 21:38:56 +00:00
use: ExtractTextPlugin.extract( {
fallback: 'style-loader',
use: [
'css-loader',
{
loader: 'sass-loader',
query: {
includePaths: [ 'client/stylesheets' ],
data: '@import "_colors"; @import "_breakpoints"; @import "_mixins";',
},
},
],
2018-04-17 21:38:56 +00:00
} ),
},
],
},
resolve: {
extensions: [ '.json', '.js', '.jsx' ],
modules: [ path.join( __dirname, 'client' ), 'node_modules' ],
},
2018-04-17 21:38:56 +00:00
plugins: [
new ExtractTextPlugin( 'css/[name].css' ),
2018-04-17 21:38:56 +00:00
],
};
if ( webpackConfig.mode !== 'production' ) {
webpackConfig.devtool = process.env.SOURCEMAP || 'source-map';
}
2018-04-17 21:38:56 +00:00
module.exports = webpackConfig;