mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-06-27 21:05:53 +00:00
f506b512b4
* Configure the project to allow the use of JSX in .jsx files. * Add linting for JSX. * Rewrite most existing code that uses `createElement` to use JSX syntax. * Stop importing `createElement as e`. That's what the minifier is for. And we don't have to write it manually so much now because of JSX syntax.
77 lines
No EOL
1.3 KiB
JavaScript
77 lines
No EOL
1.3 KiB
JavaScript
const webpack = require('webpack');
|
|
const path = require('path');
|
|
|
|
/* global module __dirname */
|
|
|
|
module.exports = {
|
|
entry: {
|
|
avalon: './src/main.js'
|
|
},
|
|
resolve: {
|
|
extensions: ['.js', '.jsx'],
|
|
alias: {
|
|
res: path.resolve(__dirname, 'res/'),
|
|
styles: path.resolve(__dirname, 'styles/'),
|
|
src: path.resolve(__dirname, 'src/'),
|
|
utilities: path.resolve(__dirname, 'src/utilities/')
|
|
}
|
|
},
|
|
output: {
|
|
chunkFilename: '[name].[chunkhash].js',
|
|
path: path.resolve(__dirname, 'dist'),
|
|
jsonpFunction: 'ffzWebpackJsonp'
|
|
},
|
|
plugins: [
|
|
new webpack.ExtendedAPIPlugin()
|
|
],
|
|
module: {
|
|
rules: [{
|
|
test: /\.s?css$/,
|
|
use: [{
|
|
loader: 'file-loader',
|
|
options: {
|
|
name: '[name].css'
|
|
}
|
|
}, {
|
|
loader: 'extract-loader'
|
|
}, {
|
|
loader: 'css-loader',
|
|
options: {
|
|
sourceMap: true
|
|
}
|
|
}, {
|
|
loader: 'sass-loader',
|
|
options: {
|
|
sourceMap: true
|
|
}
|
|
}]
|
|
},
|
|
{
|
|
test: /\.jsx$/,
|
|
exclude: /node_modules/,
|
|
loader: 'babel-loader'
|
|
},
|
|
{
|
|
test: /\.(graphql|gql)$/,
|
|
exclude: /node_modules/,
|
|
loader: 'graphql-tag/loader'
|
|
},
|
|
{
|
|
test: /\.(?:eot|ttf|woff|woff2)$/,
|
|
use: [{
|
|
loader: 'file-loader',
|
|
options: {
|
|
name: '[name].[ext]'
|
|
}
|
|
}]
|
|
},
|
|
{
|
|
test: /\.svg$/,
|
|
loader: 'raw-loader'
|
|
},
|
|
{
|
|
test: /\.vue$/,
|
|
loader: 'vue-loader'
|
|
}]
|
|
}
|
|
} |