Nuxt/lib/webpack/base.config.js

96 lines
3.2 KiB
JavaScript
Raw Normal View History

'use strict'
2017-01-11 19:14:59 +00:00
import vueLoaderConfig from './vue-loader.config'
import { defaults } from 'lodash'
import { join } from 'path'
2017-03-16 17:52:38 +00:00
import { isUrl, urlJoin } from '../utils'
import { styleLoader, extractStyles } from './helpers'
import ExtractTextPlugin from 'extract-text-webpack-plugin'
2016-11-07 01:34:58 +00:00
/*
|--------------------------------------------------------------------------
| Webpack Shared Config
|
2016-11-18 03:02:43 +00:00
| This is the config which is extended by the server and client
2016-11-07 01:34:58 +00:00
| webpack config files
|--------------------------------------------------------------------------
*/
2017-01-11 19:14:59 +00:00
export default function ({ isClient, isServer }) {
2016-12-09 17:54:17 +00:00
const nodeModulesDir = join(__dirname, '..', 'node_modules')
let config = {
2017-04-14 14:31:31 +00:00
devtool: (this.dev ? 'cheap-module-source-map' : false),
entry: {
2017-01-11 21:18:47 +00:00
vendor: ['vue', 'vue-router', 'vue-meta']
},
output: {
2017-03-16 17:52:38 +00:00
publicPath: (isUrl(this.options.build.publicPath) ? this.options.build.publicPath : urlJoin(this.options.router.base, this.options.build.publicPath))
},
2016-12-15 17:53:00 +00:00
performance: {
2017-03-24 15:12:59 +00:00
maxEntrypointSize: 300000,
maxAssetSize: 300000,
2016-12-15 17:53:00 +00:00
hints: (this.dev ? false : 'warning')
},
resolve: {
2017-05-20 09:36:35 +00:00
extensions: ['.js', '.json', '.vue', '.ts'],
2016-11-16 16:55:15 +00:00
// Disable for now
2016-11-14 22:59:54 +00:00
alias: {
2016-12-08 06:45:40 +00:00
'~': join(this.srcDir),
'static': join(this.srcDir, 'static'), // use in template with <img src="~static/nuxt.png" />
'~static': join(this.srcDir, 'static'),
2017-04-25 11:03:26 +00:00
'assets': join(this.srcDir, 'assets'), // use in template with <img src="~assets/nuxt.png" />
2016-12-08 06:45:40 +00:00
'~assets': join(this.srcDir, 'assets'),
'~plugins': join(this.srcDir, 'plugins'),
2017-05-23 23:52:48 +00:00
'~store': join(this.buildDir, 'store'),
'~router': join(this.buildDir, 'router'),
2016-12-08 06:45:40 +00:00
'~pages': join(this.srcDir, 'pages'),
'~components': join(this.srcDir, 'components')
2016-11-14 22:59:54 +00:00
},
modules: [
2017-05-20 09:36:35 +00:00
join(this.dir, 'node_modules'),
nodeModulesDir
]
},
resolveLoader: {
modules: [
2017-05-20 09:36:35 +00:00
join(this.dir, 'node_modules'),
nodeModulesDir
]
},
module: {
rules: [
{
test: /\.vue$/,
2016-11-14 22:59:54 +00:00
loader: 'vue-loader',
2017-01-09 14:10:22 +00:00
query: vueLoaderConfig.call(this, { isClient, isServer })
},
{
test: /\.js$/,
2016-11-14 22:59:54 +00:00
loader: 'babel-loader',
exclude: /node_modules/,
2016-11-18 09:38:47 +00:00
query: defaults(this.options.build.babel, {
2017-02-17 15:13:51 +00:00
presets: ['vue-app'],
2017-04-17 13:27:32 +00:00
babelrc: false,
2016-11-18 09:38:47 +00:00
cacheDirectory: !!this.dev
})
},
{ test: /\.css$/, use: styleLoader.call(this, 'css') },
{ test: /\.less$/, use: styleLoader.call(this, 'less', 'less-loader') },
2017-05-20 09:36:35 +00:00
{ test: /\.sass$/, use: styleLoader.call(this, 'sass', 'sass-loader?indentedSyntax&sourceMap') },
{ test: /\.scss$/, use: styleLoader.call(this, 'sass', 'sass-loader?sourceMap') },
{ test: /\.styl(us)?$/, use: styleLoader.call(this, 'stylus', 'stylus-loader') }
]
},
plugins: this.options.build.plugins
2016-11-07 01:34:58 +00:00
}
// CSS extraction
if (extractStyles.call(this)) {
config.plugins.push(
new ExtractTextPlugin({filename: this.options.build.filenames.css})
)
}
// Add nuxt build loaders (can be configured in nuxt.config.js)
config.module.rules = config.module.rules.concat(this.options.build.loaders)
// Return config
return config
2016-11-07 01:34:58 +00:00
}