fonteditor/config/webpack.dev.js
kekee000 b2f3fe5685 add woff2 support
use es6 module
2019-10-22 02:40:01 +08:00

112 lines
3.4 KiB
JavaScript

/**
* @file webpack 配置
* @author mengke01(kekee000@gmail.com)
*/
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: {
index: './src/fonteditor/index',
editor: './src/fonteditor/editor'
},
output: {
path: path.resolve(__dirname, '../dist'),
filename: 'js/[name].js'
},
devtool: 'inline-source-map',
devServer: {
contentBase: './'
},
resolve: {
extensions: ['.js', '.jsx', '.json'],
alias: {
'css': path.resolve(__dirname, '../css'),
'common': path.resolve(__dirname, '../src/common'),
'graphics': path.resolve(__dirname, '../src/graphics'),
'math': path.resolve(__dirname, '../src/math'),
'editor': path.resolve(__dirname, '../src/editor'),
'render': path.resolve(__dirname, '../src/render'),
'fonteditor-core': path.resolve(__dirname, '../node_modules/fonteditor-core/src'),
'JSZip$': path.resolve(__dirname, '../dep/jszip/jszip.min.js'),
'inflate$': path.resolve(__dirname, '../dep/pako_inflate.min.js'),
'deflate$': path.resolve(__dirname, '../dep/pako_deflate.min.js'),
'paper$': path.resolve(__dirname, '../dep/paper-full.js'),
'utpl$': path.resolve(__dirname, '../dep/utpl.min.js')
}
},
externals: {
jquery: 'window.jQuery',
$: 'window.jQuery'
},
plugins: [
new HtmlWebpackPlugin({
title: 'index',
filename: 'index.html',
template: path.resolve(__dirname, '../index.tpl?zh-cn'),
chunks: ['index']
}),
new HtmlWebpackPlugin({
title: 'index',
filename: 'index-en.html',
template: path.resolve(__dirname, '../index.tpl?en-us'),
chunks: ['index']
}),
new HtmlWebpackPlugin({
title: 'editor',
filename: 'editor.html',
template: path.resolve(__dirname, '../editor.tpl'),
chunks: ['editor']
})
],
module: {
rules: [
{
test: /\/(index|empty|editor)\.tpl$/,
loader: 'index-loader'
},
{
test: /template\/(.+?)\.tpl$/,
loader: 'tpl-loader'
},
{
test: /\.lesstpl$/,
use: [
'css-loader',
'less-loader'
]
},
{
test: /\.less$/,
use: ['style-loader', 'css-loader', 'less-loader']
},
{
test: /\.(png|svg|jpg|gif)$/,
use: [
{
loader: 'url-loader',
options: {
limit: 1000
}
}
]
},
{
test: /\.(woff|woff2|eot|ttf|otf|wasm)$/,
use: [
{
loader: 'url-loader',
options: {
limit: 1000
}
}
]
}
]
},
resolveLoader: {
modules: [path.resolve(__dirname, '../build'), 'node_modules']
}
};