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

94 lines
2.5 KiB
JavaScript
Raw Normal View History

/** @format */
const path = require( 'path' );
const ExtractTextPlugin = require( 'extract-text-webpack-plugin' );
const NODE_ENV = process.env.NODE_ENV || 'development';
2018-04-17 21:38:56 +00:00
const externals = {
'@woocommerce/components': { this: [ 'wc', 'components' ] },
'@wordpress/api-fetch': { this: [ 'wp', 'apiFetch' ] },
'@wordpress/blocks': { this: [ 'wp', 'blocks' ] },
'@wordpress/components': { this: [ 'wp', 'components' ] },
'@wordpress/compose': { this: [ 'wp', 'compose' ] },
'@wordpress/data': { this: [ 'wp', 'data' ] },
'@wordpress/editor': { this: [ 'wp', 'editor' ] },
'@wordpress/element': { this: [ 'wp', 'element' ] },
'@wordpress/hooks': { this: [ 'wp', 'hooks' ] },
'@wordpress/html-entities': { this: [ 'wp', 'htmlEntities' ] },
'@wordpress/i18n': { this: [ 'wp', 'i18n' ] },
'@wordpress/keycodes': { this: [ 'wp', 'keycodes' ] },
jquery: 'jQuery',
2018-04-17 21:38:56 +00:00
tinymce: 'tinymce',
moment: 'moment',
react: 'React',
'react-dom': 'ReactDOM',
2018-04-17 21:38:56 +00:00
};
const webpackConfig = {
mode: NODE_ENV,
entry: {
index: './client/index.js',
components: './client/components/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-04-17 21:38:56 +00:00
},
{ test: /\.md$/, use: 'raw-loader' },
2018-04-17 21:38:56 +00:00
{
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',
{
2018-07-20 03:40:15 +00:00
// postcss loader so we can use autoprefixer and theme Gutenberg components
loader: 'postcss-loader',
options: {
config: {
path: 'postcss.config.js',
},
},
},
{
loader: 'sass-loader',
query: {
includePaths: [ 'client/stylesheets/abstracts' ],
data:
2018-07-20 03:40:15 +00:00
'@import "_colors"; ' +
'@import "_variables"; ' +
'@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-07-20 03:40:15 +00:00
alias: {
'gutenberg-components': path.resolve( __dirname, 'node_modules/@wordpress/components/src' ),
},
},
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;