-
Notifications
You must be signed in to change notification settings - Fork 8
Open
Description
I really want to use that package with my vue-cli configuration.
Sadly it is not possible/does not work.
I implemented the transformer like this (because I know no other possibility with webpack-chain)
// vue.config.js
function graphqltransformer() {}
graphqltransformer.__expression = `() => ({before: [require('` + require.resolve('ts-transform-graphql-tag') + `').getTransformer()]})`
module.exports = {
// ...
chainWebpack: config => {
// ...
config.module
.rule('ts')
.use('ts-loader')
.tap(options => {
options.getCustomTransformers = graphqltransformer
return options
})
config.module
.rule('tsx')
.use('ts-loader')
.tap(options => {
options.getCustomTransformers = graphqltransformer
return options
})
}
}
The generated webpack.config.js looks quite good:
// ...
/* config.module.rule('ts').use('ts-loader') */
{
loader: 'ts-loader',
options: {
transpileOnly: true,
appendTsSuffixTo: [
'\\.vue$'
],
happyPackMode: false,
getCustomTransformers: () => ({before: [require('/home/patrick/dev/bodnet/node_modules/ts-transform-graphql-tag/dist/index.js').getTransformer()]})
}
}
// ...
But when I build the project using yarn build
the gql tags are strings like before.
blimmer and onx2
Metadata
Metadata
Assignees
Labels
No labels