javascript - 配置webpack2 设置modules: false 找不到模块
巴扎黑
巴扎黑 2017-04-11 11:48:06
0
1
470

今天配置的webpack2,想用一下对es6的import支持,在我{ modules: false }设置上时,然后编译酒会出现找不到模块的错误信息,明显是webpack2不能解析import语法,请问这是什么问题呢?

var path = require('path');
var webpack = require('webpack');
var ExtractTextPlugin = require("extract-text-webpack-plugin");  //CSS 模块加载
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry: [
        'react-hot-loader/patch',
        'webpack-dev-server/client?http://127.0.0.1:3001',
        'webpack/hot/dev-server',
        "./js/src/Unique_main.jsx"
    ],
    output: {
        path: path.join(__dirname, 'js/dist'),
        // path: __dirname,
        filename: "bundle.js",
        publicPath: '/assets/',
        chunkFilename: '[name].[chunkhash:10].chunk.js',
    },
   plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new ExtractTextPlugin({
                filename: "Respectively.css",
                disable: false,
                allChunks: true
        }),
       new HtmlWebpackPlugin({ title: 'Tree-shaking' })
    ],
    module: {
        // loaders:[
        rules: [
            { 
                test: /\.jsx$/,
                exclude: /node_modules/,
                // loader: 'babel-loader',
                use:[
                    {
                        loader:"babel-loader",
                        options: {
                            presets: ['es2015',{ modules: false },'stage-2'],
                            //按需加载模块,antd...
                            plugins:[["import",[
                                {
                                    "libraryName": "antd",
                                    "libraryDirectory": "lib",
                                    "style": true
                                },
                                {
                                    "libraryName": "antd-mobile",
                                    "libraryDirectory": "component",
                                },
                            ]],
                                "transform-decorators-legacy",
                                "transform-class-properties"
                            ]
                        }
                    },
                ]


            {
                test:/\.css$/,
                exclude:/node_modules/,
                use:ExtractTextPlugin.extract({
                     fallback: "style-loader",
                     use:["css-loader"]
                     // publicPath: "/dist"
                })
            },
            {
                test:/\.(png|jpg|svg)$/,
                use:['file-loader'],
            },
            {
                test:/\.less$/,
                use:['style-loader','css-loader','less-loader']
            },
        ]
    },
}
巴扎黑
巴扎黑

全員に返信(1)
小葫芦

我查阅文档,并试了下,不论是 {resolve:{modules:false}} 还是 {module:false} ,全是提示参数错误的。要补贴下webpack.config.js?

我试了下,没问题,支持import/export

webpack.config.js

const path = require('path');

module.exports = {
    entry: {
        main: './src/main.js'
    },
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: '[name].js'
    }
}

./src/main.js

import other from './other.js';
console.log('abcd...');
other();

./src/other.js

export default () => {
    console.log('qwerty...');
}
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!