Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- :export {
- cursor: #fff;
- }
- <template>
- <div id="yes">
- </div>
- </template>
- <script lang="ts">
- import Vue from 'vue';
- import colors from '@/scss/vars.scss';
- export default Vue.extend({
- mounted() {
- console.log(colors.cursor);
- },
- });
- </script>
- <style >
- </style>
- const path = require('path');
- const HtmlWebpackPlugin = require('html-webpack-plugin');
- const CleanWebpackPlugin = require('clean-webpack-plugin');
- const webpack = require('webpack');
- const VueLoaderPlugin = require('vue-loader/lib/plugin');
- const env = process.env.NODE_ENV
- module.exports = {
- entry: './app/index.ts',
- output: {
- filename: 'main.js',
- path: path.resolve(__dirname, 'staticfiles')
- },
- resolve: {
- extensions: [ '.ts', '.js', '.vue', '.scss', '.sass'],
- alias: {
- 'vue$': 'vue/dist/vue.esm.js',
- '@': path.resolve(__dirname, '/app/')
- }
- },
- plugins: [
- new HtmlWebpackPlugin(),
- new CleanWebpackPlugin(),
- new webpack.HotModuleReplacementPlugin(),
- new VueLoaderPlugin()
- ],
- module: {
- rules: [
- {
- enforce: 'pre',
- test: /.(js|vue|ts)$/,
- loader: 'eslint-loader',
- exclude: /node_modules/
- },
- {
- test: /.vue$/,
- loader: 'vue-loader',
- options: {
- loaders: {
- // Since sass-loader (weirdly) has SCSS as its default parse mode, we map
- // the "scss" and "sass" values for the lang attribute to the right configs here.
- // other preprocessors should work out of the box, no loader config like this necessary.
- 'scss': 'vue-style-loader!css-loader!sass-loader',
- 'sass': 'vue-style-loader!css-loader!sass-loader?indentedSyntax',
- }
- // other vue-loader options go here
- }
- },
- {
- test: /.css$/,
- use: [
- 'vue-style-loader',
- 'css-loader'
- ]
- },
- {
- test: /.tsx?$/,
- loader: 'ts-loader',
- exclude: /node_modules/,
- options: {
- appendTsSuffixTo: [/.vue$/],
- }
- },
- {
- test: /.(png|jpg|gif|svg)$/,
- loader: 'file-loader',
- options: {
- name: '[name].[ext]?[hash]'
- }
- },
- {
- test: /.s(a|c)ss$/,
- use: [ {
- loader: "style-loader",
- options: {
- sourceMap: env === 'development',
- }
- }, {
- loader: "css-loader",
- options: {
- sourceMap: env === 'development',
- }
- }, {
- loader: "sass-loader",
- options: {
- sourceMap: env === 'development',
- }
- },
- 'vue-style-loader'],
- }]
- }
- };
- ERROR in /home/Documents/application/app/app.vue.ts
- [tsl] ERROR in /home/Documents/application/app/app.vue.ts(10,28)
- TS2307: Cannot find module '@/scss/vars.scss'.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement